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

Question

首先是 Firefox 4 Beta 8 中的结果：

显示的前一个元素是 a buttonwith animg后者是 a divwith an img。正如您在前一种情况中看到的那样，在的边界img和的边界之间有一些奇怪的空间button。我想知道如何删除它。

这里是 CSS 文件：

* {
    margin: 0;
    padding: 0;
}

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

img {
    display: block;
}

score 4 · Accepted Answer

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

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

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

score 0 · Accepted Answer

0

我认为你必须width为div

于 2010-10-12T08:38:47.077 回答

score 0 · Accepted Answer

0

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

于 2010-10-12T09:08:55.617 回答

3 回答 3