クリエイター:コーディング備忘録ブログ

コーディング

vertical-alignが効かない時

vertical-alignが効かないときにtable-cellを書いても効かなかったとき、親要素にdisplay: table;をかける必要があります

■html
<div class=”contents”>
<div class=”box”>
<img src=”xxxxx.jpg”>
</div>
</div>

■css
.contents {
display: table;
}
.box{
display: table-cell;
vertical-align: middle;
}

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP