Gerolian

Webサイト制作でのメモ等

テキストの縦位置を中心にする

2014年3月26日

方法1

heightとlineheightを揃える

この場合2行の場合と1行の場合が混在しているとそれぞれに設定しないといけない為面倒

方法2

table-cellを使う

ただこの場合 table-cell の要素は横幅が内部テキストの量に依存して横幅を100%にできないのでテキストを横で中央に揃えたい場合には以下の方法をとる

横も中央にしたい

親要素(上記の例だとdiv)にdisplay:table;をかける
もしくは
文字の対象ボックス(上記の例だとspan)にwidth:500pxなどの親要素より大きいサイズを指定する



コメントはお気軽にどうぞ

メールアドレスは公開されません。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。