Firefox在div中的图像后添加额外的空间（或使div更大）

Question

他大家

我正在使用的这个网站上的Firefox有问题：

链接

我已经建立了一个水平滑块，该滑块在所有浏览器上都可以使用，除了firefox（两者都是Windows的OSX）。 问题在于， firefox在滑块中的图像之后显示的边距/填充/空间比其应有的5px左右边距要多 。 另一个奇怪的事情是，第一张图像的间距小于其余图像。

我试图包括一个.js解决方法：

function onPageLoad(){
    // Firefox rare spacing fix //
    setTimeout(function() {
        jQuery('.horizItem').each(function() {
            var outerWidth = jQuery(this).find('img').outerWidth();
            jQuery(this).width(outerWidth);
        });
    }, 300);
}
onPageLoad();

这在大多数情况下都有效，但有时会使包含图像的div宽度为10或20px。 因此，它弄乱了滑块。

是否有一个简单的CSS修复程序可以用来消除这些奇怪的间距？

我似乎真的找不到元素检查器中间距的来源...当我将div的宽度与图像的宽度进行比较时，差异（减去预期的10px的边距）为15.883px，即一个怪异的数字。

有人可以帮我吗？ 我觉得这是我在某个地方犯的一个真正简单的错误。

谢谢你

Answer 1

制作Tumblr主题时，我遇到了类似的问题； 图像和Tumblr照片集（在iframe中显示的照片）在它们下面显示了一个小“填充”，尽管CSS中的填充为零。 解决的办法是使它们成为块状。

img, iframe {
    display: block;
}

也许你可以尝试，以显示您的图片inline-block ，因为它们是并排？