スタイルシートをめぐる冒険: inline-blockの奇妙な世界

inline-blockとは、displayプロパティの値のひとつで、表示形式を「インラインに流し込むことのできるブロック要素」にするためのもの。まともに対応しているのが、OperaとSafari、それになぜかMac版IEくらいというマイナーな存在だが、なかなか興味深い振る舞いをする値なので、いろいろと検証してみた。 まず、「インラインに流し込むことのできるブロック要素」とはどういうものなのかを見てみるために、.inlineblockというクラスを作り、div要素に指定してみた。また、「インラインに流し込むことのできるブロック要素」とは、言い換えれば、「幅と高さを指定できるインライン要素」ということだから、span要素にも指定した。 インラインブロックの検証 その1 【スタイルシート】 .inlineblock { display: inline-block; width: 100px;

[sidestepism]

むずかしい

[hisasann]

「IE6以降では、いったんdisplay: inline-blockを指定して } で閉じた後、あらためてdisplay: blockとしても上書きされない」

[boyasan]

inline-blockの立場について

[teppeis]

PC文化圏にはケータイ文化圏における絵文字の重要性が伝わりにくそう。

[kasshin]

[display:][inline-block]

[konk303]

inline-block

[akkun_choi]

インライン要素ならIEでも使える／Firefoxは3から使える

[aoiasaba]

インラインブロックについて（Mozzilaでは使えないっぽい）

[miya2000]

inline-block

[asiamoth]

inline-blockは使いどころに気をつける必要があるな。