Firefox添加了一些不应该存在的填充。我怎么能绕过那个？

Question

我的主页在Safari和Chrome中显示得很好，但在Firefox中，图像之间有一点额外的空间。有关如何摆脱它的任何想法？这是我正在研究的website。

Answer 1

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

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

img { display: block; }

这使得图像块处理的元素不像文本那样处理。

Answer 2

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

<img /><img />

<!-- or -->

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

或尝试使用此处列出的许多其他技巧之一：http://css-tricks.com/fighting-the-space-between-inline-block-elements/