CSSで子要素の縦位置をセンタリングしよう。 - みかづきブログ その3CSSで子要素の縦位置をセンタリングしてみます。 その1 position:absolute をつかう。 己を position: absolute に、親要素を position: relative （もしくは absolute、fixed）にして、自らのtopを50%、margin-topを己の高さの半分に設定すれば、なんということでしょう。縦位置のセンタリングのできあがりです。 必要な情報としては、己の高さのみなので非常にお手軽です。 その2 display:table-cell と vertical-align:middle をつかう。 親要素を display: table-cell、 vertical-align:middle に、さらにその親要素を display: table にすることによって、縦位置のセンタリングのできあがりです。 要素がひとつ増えてしまいますが、誰もな
