令人难以置信的奇怪的空白空间出现在元素下方,里面有图像

时间:2012-04-05 05:56:37

标签: html css

好的,所以我正在设计这个网站。这是这个简单元素的HTML标记:

http://thegrantmag.com

这是屏幕底部,内容区域下方的图像框。它下面有一条白色空间。我通常非常擅长CSS故障排除,但这个有我。我尝试使用元素检查器删除所有元素。只要该图像存在,下方就会有一条薄薄的白色空间。

更新:我尝试删除img并替换为div。它总是会在元素下面创建一些额外的像素,无论它放在哪里!

3 个答案:

答案 0 :(得分:3)

将图片设置为display: block,应该修复它。

答案 1 :(得分:3)

如果您在图片中定义vertical-align:top,情况会更好。

img{
 vertical-align:top;
}

答案 2 :(得分:0)

display:blockfloat:left添加到图片的CSS。

看看是否有帮助。