您的位置:首页 > 其它

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

2011-05-17 14:16 357 查看
  在写类似如下代码时:

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


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

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

ul{
  width:固定宽度;
  font-size:0px;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: