圖片在按鈕：奇怪空間

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你要求的是沒有被應用。你有沒有嘗試明確地在按鈕上設置它？