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

Question

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

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

更新：我尝试删除 img 并用 div 替换。它总是在元素下方创建一些额外的像素，无论那里放什么！

score 3 · Accepted Answer

3

将您的图像设置为display: block，这应该可以解决它。

于 2012-04-05T06:09:19.293 回答

score 3 · Accepted Answer

3

如果您vertical-align:top在图像中定义会更好。

img{
 vertical-align:top;
}

于 2012-04-05T06:39:15.017 回答

score 0 · Accepted Answer

0

添加display:block或float:left到图像的 CSS。

看看是否有帮助。

于 2012-04-05T06:09:29.287 回答

3 回答 3