垂直方向にセンター揃え

HTML&CSS

displayをtable-cellとしてvertical-alignを使用する。

div {
height: 200px;
width: 300px;
vertical-align: middle;
display: table-cell;
}
例えばfloatと併用するとうまくいかないなど制限あり。

タイトルとURLをコピーしました