解决方法 一
使 li 浮动,并设置 img 为块级元素
ul{ width: 280px; } ul li{ float:left; display:block; height:57px; width:277px; } img{ display: block; }
解决方法 二
设置 ul 的 font-size:0;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; }
解决方法 三
设置 img 的 vertical-align: bottom;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; } img{ vertical-align:bottom; }
解决方法 四
设置 img 的 margin-bottom: -5px;
ul{ width: 280px; font-size: 0; } ul li{ display:block; height:57px; width:277px; } img{ margin-bottom: -5px; }
可以下载 demo 来看
本文链接:http://www.blueidea.com/tech/web/2009/6781.asp
出处:前端观察
责任编辑:bluehearts
上一页 IE下img多余5像素空白解决方法 [1] 下一页
◎进入论坛网页制作、WEB标准化版块参加讨论,我还想发表评论。
|