エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
display: table; の使い方 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
display: table; の使い方 - Qiita
横に並べたい要素にdisplay: table-cell;を指定し、その要素を囲む親要素にdisplay: table;を指定する。... 横に並べたい要素にdisplay: table-cell;を指定し、その要素を囲む親要素にdisplay: table;を指定する。 display: table;はHTMLのtable要素を指定したテーブルレイアウトをやっていることは同じ。それをCSSだけで実現できる。 高さを揃えた横並びのレイアウトや、縦方向への中央揃えが簡単にできるようになる。 例 <div class="parent"> <div class="child">aaa</div> <div class="child">bbb</div> <div class="child">ccc</div> </div> .parent { display: table; width: 100%; border: 2px solid red; margin-top: 10px; } .child { display: table-