CSS で縦方向に中央寄せ

  • 30
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

http://css-tricks.com/centering-in-the-unknown/

結論から言えば

.outer {
  display: table;
}
.inner {
  display: table-cell;
  vertical-align: middle;
}
<div class="outer">
  <div class="inner">somethings</div>
</div>

とすることで縦方向に中央寄せが可能です。

スクリーンショット 2014-07-25 17.35.43.png