图片在按钮：奇怪空间

Question

首先结果在Firefox 4测试版8：

Button 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中的一个错误。的一点点研究后，我发现这个错误报告：Bug 140563 - <button> ignores CSS style padding:0

在该bug报告有针对该问题的修复：

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

Answer 2

我认为你必须设置为div

Answer 3

一个width它看起来像padding你要求的是没有被应用。你有没有尝试明确地在按钮上设置它？