stylesheet

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

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

<div class="table">
  <div class="vertical-middle">文字が入る</div>
</div>
/* 親要素はテーブル要素に  */
.table{
  display: table; 
}
.vertical-middle{
  display: table-cell; /* テーブルセル要素にする */
  vertical-align: middle; /* 上下中央寄せ */ 
}
  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
giftee / ko-fi / mail

1

outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になってるんや・・・。 outlookの最小化時の設定を変 ...

2

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 素敵なフォロー、フォロワー、創作作家さんに作品の感想を送りたい…!が、語彙力がないという方向けの感想メーカ ...

-stylesheet