inline-block

0pt

cssでdisplayの指定の一つ。

#hoge{
display:inline-block
}

ってな感じで記載する。

ブロック要素とインライン要素の中間にあたるのかな？
ブロックと違い、幅を最大限までとったりせず、中の要素の幅に合わせてくれる。
だから無駄に改行もしないし、floatを使わなくてもブロック的な要素を横並びにできる。

IEでinline-blockがきかない！？

非常に便利なので多用すると、IEでやられる。
IE6,7だと、inline-block要素も無駄に改行されるから・・・。
結局IE用にfloatしないといけなくなる！

ログインするとワンクリックでキーワードを投稿できます

0 pt

inlineなのにblockみたいにwidth指定が効くようになる。 display:inline-block; IE 6でも使えるけどインライン要素にしか適用されない http://norisfactory.com/stylesheetlab/000039.php 残念...