<img/>和相邻<div> </div>之间的不需要的空格

时间:2012-07-03 22:44:23

标签: html css

我的HTML有点奇怪的问题。我之前从未遇到过这个问题。

测试页:http://jsfiddle.net/egjJ5/1/

我看到图像和黑色div之间的空白区域。当我拿出DTD时,渲染效果很好。

我的html或css有问题吗?

2 个答案:

答案 0 :(得分:7)

图片为inline-block,其下方的div为block。有几种方法可以解决这个问题。一种方法是将display: block添加到图像中,如this example

答案 1 :(得分:1)

只需将img元素设为块元素:

display: block;