みかづきブログ その3

3ヶ月つづけてみました。

CSSで縦横センタリング

以前、こんな記事 を書いてましたが、センタリングしたい要素のサイズが決まっている場合は今回の方法がいちばん簡単かもしれません。


CSSで子要素の縦位置をセンタリングしよう。 - みかづきブログ その3


DEMO


HTML

<div class="box"></div>

CSS

.box {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    margin: auto;
    width: 120px; height: 120px;
    background: #e3e3e3;
}