テーブルセル要素でボックス上下左右中央揃えしたいときの覚書
親要素はテーブル要素に、子要素をテーブルセル要素にする。
<div class="table"> <div class="vertical-middle">文字が入る</div> </div>
/* 親要素はテーブル要素に */ .table{ display: table; } .vertical-middle{ display: table-cell; /* テーブルセル要素にする */ vertical-align: middle; /* 上下中央寄せ */ }