网络编程
位置:首页>> 网络编程>> 网页设计>> IE下img多余5像素空白(2)

IE下img多余5像素空白(2)

作者:糖伴西红柿 来源:前端观察 发布时间:2009-06-08 13:17:00 

标签:ie,像数,img,空白

解决方法 一

使 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;
}

 

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com