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

猜你喜欢