初めまして。
趣味でサイトを作っているのですが、
CSSの記述で教えて頂きたいことがあります。
-------------------------------
あいうえお（中央）
-------------------------------
点線は範囲（幅と縦指定）を示してます。
短文の場合は範囲の中央に配置し、
長文の場合は下図のように自動で行が
上下にズレる（表現が難しいですが）ようにする
CSSの記述を教えて頂きたいです。
-------------------------------
あいうえお
かきくけこさしすせそ（中央）
たちつてと
-------------------------------
どうしても、短文で文字を中央配置すると
長文になった時にそのまま下へ行が増えていき
範囲からはみ出してしまいます；
よろしくお願いします。。
みんなの回答 2 件
よくわからない。。
はみ出るのは高さを指定してるからじゃないですかね。
インラインで失礼しますｗ
<div style="display:table;">
<div style="display:table-cell;padding: 20px;width: 100px;background:#efefef;text-align:center;vertical-align: middle;">
あいうえお
</div>
<div style="display:table-cell;padding: 20px;width: 100px;background:#efefef;text-align:center;vertical-align: middle;">
あいうえお
かきくけこさしすせそ
たちつてと
</div>
<div style="display:table-cell;padding: 20px;width: 100px;background:#efefef;text-align:center;vertical-align: middle;">
あいうえお
やゆよ
</div>
</div>
こんなイメージ？？
ふとmin-heightも入れようと思ったらtable/table-cellにはmin-height効かないんだね！！勉強になった！！
関連するトピックス