2010-06-16

[CSS] 画像をリストのfloatで並べると下にすき間があく

リストタグの float:left で画像を並べたときに、
画像の下に少しすき間ができてしまいました。

その場合、ulのタグに line-height:0; を入れてやることで、
すき間なく画像を表示できます。

ただし、IE6の場合はもうひと工夫必要で、
HTMLの記述で、リストタグを改行させずにすべて続けて書くか、
CSSでliタグに font-size:1px; を入れることで解決しました。


参考サイト
http://blog.yuu.noor.jp/?eid=1142307
http://www.coolwebwindow.com/csstips/help/000280.php

Comment:

Trackback URL: