備忘録。そのときそのときに勉強しているもののメモ

immature

stylesheet

テーブルセル要素でボックス上下左右中央揃え覚書

更新日:

テーブルセル要素でボックス上下左右中央揃えしたいときの覚書
親要素はテーブル要素に、子要素をテーブルセル要素にする。

<div class="table">
  <div class="vertical-middle">文字が入る</div>
</div>
/* 親要素はテーブル要素に  */
.table{
  display: table; 
}
.vertical-middle{
  display: table-cell; /* テーブルセル要素にする */
  vertical-align: middle; /* 上下中央寄せ */ 
}
0

-stylesheet

Copyright© immature , 2021 All Rights Reserved Powered by STINGER.