css - Firefox 添加了一些不应该存在的填充。我怎样才能解决这个问题？

Question

我的主页在 Safari 和 Chrome 中显示得很好，但在 Firefox 中，图像之间有额外的空间。关于如何摆脱它的任何想法？这是我正在开发的网站。

score 1 · Accepted Answer

图像行之间有白色水平条纹，因为图像显示为内联内容，并且它们被渲染为好像它们是大字母 - 位于文本基线上，并且基线下方有一些空白空间以允许下降。

有多种解决方案；这里最简单的可能是添加CSS规则

img { display: block; }

这使得图像块元素未按文本方式处理。

score 1 · Accepted Answer

图像是内联元素，因此如果源中有空间，它将被渲染。尝试删除空格：

<img /><img />

<!-- or -->

<img /><!--
--><img />

2 回答 2