行数の定まっていないテキストを上下左右でセンタリングする方法

   2017/12/28

行数の定まっていないテキストを上下左右でセンタリングする方法。

今回はdisplay:table-cellとvertical-align:middleを使用する方法に助けられた。
以下のような感じで書くとセンタリングされるらしい。

vertical-alignは縦方向での位置を制御するプロパティ。
display:table-cellで、thやtdと同じ性質で要素を表示できるようになるため、vertical-alignを使えるようになる。

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

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

three + thirteen =

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください