公告

更新

 

互联网 JS控件 按钮 黑色 灰色 白色 蓝色 绿色 黄色 橙色

> 解答 > 网页问题

IE浏览器图片下面有空隙的BUG解决办法
0
作者:vip_260     来源:     日期:2012/4/6 16:24:28     人气:      标签:

  图片对于空格间隙的BUG可能很多前端开发人员都碰到过,最典型的就是同样多张图片垂直排列,padding和margin全部设置为0,在FF下完全正确,而IE下每张图片下就出现了空隙,如本文图示。  以下代码是典型BUG代码,我们常常按照如下写法就会在IE下出现图片空隙

  Firefox 下的正常表现:  IE6 下的非正常表现:

解决方法一      设置 img 为块级元素img{display: block;} 

解决方法二      设置 图片外面的ul 的 font-size:0; 

解决方法三      设置 img 的 vertical-align: bottom; img{vertical-align:bottom;}

解决方法四      设置 img 的 margin-bottom: -5px; img{margin-bottom: -5px;}

Copyright 2008 网站频道 All Rights Resverved.
提供:网页特效 JS广告 网站截图 酷站推荐 交流群:3506863
     页面执行时间0.1094秒 查询数据库8次