IE中img标签多出5px的空白之4种解决方法

时间:2026-05-12 10:15:08

1、解决方法1:

设置 img 的 vertical-align: bottom;

ul{width: 280px;font-size: 0;}ul li{display:block;height:57px;width:277px;}img{vertical-align:bottom;}

2、解决方法2:

设置 img 的 margin-bottom: -5px;

ul{width: 280px;font-size: 0;}ul li{display:block;height:57px;width:277px;}img{margin-bottom: -5px;}

3、解决方法3

设置 ul 的 font-size:0;

ul{width: 280px;font-size: 0;}ul li{display:block;height:57px;width:277px;}

4、解决方法4

使li浮动,并设置img为块级元素

ul{width: 280px;}ul li{float:left;display:block;height:57px;width:277px;}img{display: block;}

© 2026 指南经验网
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com