display: tableの活用 第2回 フィットする特性と均等配置
これまでfloatで実現していた段落レイアウトをdisplay: tableで実現するだけでなく、さらに、その特性を活かした応用例を紹介します。日常業務でも使えそうなサンプルを用意しました。
仕様は変更されていませんが、IEのサポートが終了した現時点ではCSS GridやFlexboxを使って、同様のレイアウトができます。「CSS GridとFlexboxの使い分け」などを参照してください。
これまでfloatで実現していた段落レイアウトをdisplay: tableで実現するだけでなく、さらに、その特性を活かした応用例を紹介します。日常業務でも使えそうなサンプルを用意しました。
仕様は変更されていませんが、IEのサポートが終了した現時点ではCSS GridやFlexboxを使って、同様のレイアウトができます。「CSS GridとFlexboxの使い分け」などを参照してください。