display: tableの活用 | 第1回 フレキシブルな段組みレイアウト

display: tableの活用 第1回 フレキシブルな段組みレイアウト 2014年4月にWindows XPのサポートが終了し、業務で対応すべきブラウザがIE8もしくは、IE9以上に変化してきます。この記事ではIE8以降で使えるマルチカラムレイアウト手法を解説します。 はじめに 2014年4月9日にWindows XPのライフサイクルが終了し、普段の仕事でサポートをしなくてはいけないとされるブラウザは多くの場合、IE8以上、あるいはIE9以上へと前進したことでしょう。これにより、レイアウトの手法は大きく変わることになります。 本稿では、display: tableの挙動を解説し、あなたのCSSレイアウトテクニックを向上させることを目指します。 IE8はCSS2.1をフルサポートしています。CSS2.1の仕様内には、displayの値にtableがありますが、IE7までは利用することがで

[kjtec]

“ display: table-cell;”

[efcl]

display:tableについての解説

[mimizunomizuno]

CSS カスタマイズ

[takaesu]

css再入門

[cornelius1976]

[display:table][display:table-cell][cssテクニック]

[ku_marin]

おさらい

[kitokitoki]

display: table でコメントで一段引っ込める、など。「floatのようにカラム落ちすることはなく、代わりに横幅が伸縮します」