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 }