网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 生活百科 知识问答 更多知识

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