删除无法解释的img边距/空格（CSS）

Question

在我的wordpress主题中包含图像时，我在img下面有一些无法解释的图像边距/空格。你可以在这里看到它：http://www.wlanradios.net/logitech-squeezebox-radio/

查看内容中的亚马逊徽标图片或向下滚动，并查看带有小缩略图的“ÄhnlicheWLANRadios”侧边栏窗口小部件。图像似乎有一点边缘底部/空间低于它我无法摆脱。我用firebug发现了html / css，但是没有得到这个边缘来自的地方。我实际上试图

img {
margin:0!important;
padding:0!important;
border:0!important;
}

覆盖保证金的所有可能原因，但没有成功。

保证金来自何处以及如何将其删除？

Answer 1

刚刚提到那些imgs：

display: block;

更新：

一些解释： img是一个内联元素，因此它必须像所有内联元素一样处理空格，行高等。我猜你看到的空间实际上是由行高引起的。因此，如果您希望将img保留为内联元素，则另一种解决方案是设置其父line-height: 0;。

Answer 2

检查img元素的行高，并将其设置为1.必须有行高＆gt; 1在父元素上。

您还可以将这些img的显示更改为“阻止”（以避免行间距）。

Answer 3

您是否尝试过：vertical-align：middle

Answer 4

我已经深入地检查了这个问题，它有点像针锋相对的东西。

1）亚马逊图片框 - 问题是 td 标记，该标记会创建 6.71667px 的全方位填充，这是FORCEFULLY创建的通过td，填充设置为0.5em

 th, td {
        border-spacing: 3px;
      //Tweak this Padding of 0.5em and you should destroy Amazon Extra Space
            padding: 0.5em;
        border: 1px solid #CCC;
            }

您应该能够从 wp-content / themes / ar2-2-b-2-fixed / styles.css <上面的css主题的第183行中查找和编辑< /强>

2）使用WLAN Radios Pic进入第二个问题，由于DIV标签填充所有设置为4px（此作用于WLAN Radio pics），此图像被推入。

以下是问题图片：

亚马逊图片问题已解决图片

希望这有助于：）