IE6のリストで画像を並べた際の余白を取る - 毎日がひとりオフIE6にてリストに画像が配置されている際の余白を回避する方法。 <ul> <li><img src="hoge.gif"/></li> <li><img src="fuga.gif" /></li> </ul> この場合、hogeとfugaの間に余白が生まれる。 IE6のデフォルトスタイルを無効化していても同じ結果に。 そこで、liのディスプレイモードをinlineに変更し、imgをblockにすれば、余白を無くすことができる。 ※display:blockを内包しているdisplay:inlineでは、表示モード自体はdisplay:blockのままとなる。 li{ display:inline; } img{ display:block; }
