derric.org

liをdisplay:inlineで横並びにしたときの余白を消す

| トラックバック(0)

li を display:inline で横並びにすることがよくあると思いますが、
このときにできる li 間の余白が邪魔なときがあります。

改行しない、コメントアウトで間をつぶす、などの方法がありますが、
どちらもソースが読みにくくなるのであまり好きではありません。

そこでもう少しいい方法がないかと思ったら、
li に display:table-cell を指定する方法を見つけました。
>> display:inlineで横並びにした際に出来る余白を消す方法

やってみるとうまくいきました。
これで white-space:nowrap がうまく動かせる。
いや、余白がスペースとみなされなくなるので white-space:nowrap は動かない。。

トラックバック(0)

トラックバックURL: http://tech.derric.org/mt/mt/mt-tb.cgi/19

ページトップへ