按钮中的图像：奇怪的空间

Question

首先，Firefox 4 Beta 8：

按钮vs div http://b.imagehost.org/0419/buttonspace.png

所示的前一个元素是 button 带着 img 后者是 div 带着 img. 。正如您在前一种情况下看到的那样，边界之间有一些奇怪的空间 img 和边界 button. 。我想知道如何删除它。

在这里，CSS文件：

* {
    margin: 0;
    padding: 0;
}

button, img, div {
    border: 1px solid black;
}

img {
    display: block;
}

Answer 1

在其他浏览器中测试上述测试柜已经表明，这可能不是CSS问题，而是Firefox中的错误。经过一番研究，我发现了此错误报告： 错误140563- <button> 忽略CSS样式 padding:0

在该错误报告中有一个解决问题的方法：

button::-moz-focus-inner {padding:0; border:0}

Answer 2

我认为你必须设置一个 width 为了 div

Answer 3

看起来像 padding 您要要求的是没有应用。您是否尝试在按钮上明确设置它？