div包裹img，底部一小段空白bug
2013-04-20 15:38
567 查看
01.<!DOCTYPE html>
02.<html>
03.<head>
04.<meta charset="utf-8" />
05.<title>div img空白bug</title>
06.<style>
07.body{
08. margin:0;
09. padding:0;
10.}
11.div{
12. background:#000;
13.}
14.img{
15. display:block;
16.}
17.</style>
18.</head>
19.
20.<body>
21.<div><img src="http://hi.csdn.net/attachment/201108/1/0_13121966060Q17.gif" width="100" height="100" /></div>
22.</body>
23.</html>在div的底部，和img边缘之间有空白，IE8 firefox chrome safari 均有，IE6 IE7 没有，解决办法就是给img设置display:block
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div包裹img，底部一小段空白bug
- IE6下在div里插入img底部出现空白的处理方法
- div中的img标签多余空白bug解决方案
- div包裹img，底部出现3px？
- img标签下多余空白BUG解决方法 / div / img / 图片 / 空格
- IE浏览器中div和li包裹的img有5px空白的解决方案
- div包裹img底边会有几个像素的空白的问题
- img的底部空白
- 转载网页博客：ie7bug:div容器下的img与div存在间隙
- IE6中的图片元素img下出现多余空白BUG
- img标签下多余空白BUG解决方法
- asp.net中img底部出现空白（转）
- div内的img下出现几像素的空白间距解决办法
- 图片设置解决CSS下img图片多余空白或者是表格中有空隙Bug的方案
- img bug 有1px的空白
- div中的img和div顶部有一小段距离的处理方法
- div里包含img底部多出3px的解决办法
- IE6下ul li a img下,img下面多余5像素空白的bug
- img元素底部有空白间距的问题
- div里嵌套了img底部会有白块问题和图片一像素问题解决