IE6下ul li a img下,img下面多余5像素空白的bug

  在写类似如下代码时:

1 <ul>
2   <li><a href="#"><img src="imgs/1.png"/></a></li>
3   <li><a href="#"><img src="imgs/1.png"/></a></li>
4   <li><a href="#"><img src="imgs/1.png"/></a></li>
5 </ul>

  可以看到 IE 6中,li 的表现高度,并非我们设定的像素值,而是比其要高,这是因为 img 下面多出了 5px 的空白。

  网上提供了很多的解决方法,个人觉得最方便的做法是,在ul的CSS中进行如下设置:

1 ul{
2   width:固定宽度;
3   font-size:0px;
4 }
posted @ 2011-05-17 14:16  August_小八  阅读(966)  评论(0编辑  收藏  举报