在div中插入图片为啥会有空隙？

Posted 2023-03-13

例如在div中插入图片的位置存在路径有img src=“图片的位置”等，图片的一些属性值，为什么在插入的背景图中有空隙？回答要详细！谢谢！

img 下的留白，大家看这段代码有啥问题：

<div>
<img src=”" mce_src=”" />
</div>

把div的border打开，你发现图片底部不是紧贴着容器底部的，是img后面的空白字符造成，要消除必须这样写

<div>
<img src=”" mce_src=”" /></div>

后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案：给img设定 display:block。

看看是不是这个问题

参考资料：http://blog.sina.com.cn/s/blog_5f0410c90100c26m.html

参考技术A 有可能是IE的3px bug。给右边的层，应用float:left;浮动，即可解决IE 3px bug。给左边的层，应用margin-right:-3px;，同样可解决IE 3px bug。

参考资料：http://www.52css.com/article.asp?id=146

参考技术B 我不知道你设置的是背景图片,还是插入图片.两者是不同,如果你插入的是img标签,它当图片是像文字\声音一样的资料元素,你在设置其他的属性时可能会影响到它(比如设置文字的属性).但如果你添加的是背景图片就不同了.

具体的问题,你还是要多去试试看才好解决! 参考技术C 把margin值设小一点0或者1，，把border值设为0