按钮中的图像：奇怪的空间
首先是 Firefox 4 Beta 8 中的结果：
Button 与 Div http://b.imagehost.org/ 0419/buttonSpace.png
前面显示的元素是带有 img 的 button，后者是带有 的 .正如您在前一种情况中看到的那样，div imgimg 的边框和 button 的边框之间存在一些奇怪的空间。我想知道如何删除它。
这里是 CSS 文件：
* {
margin: 0;
padding: 0;
}
button, img, div {
border: 1px solid black;
}
img {
display: block;
}
First the result in Firefox 4 Beta 8:
Button vs Div http://b.imagehost.org/0419/buttonSpace.png
The former element shown is a button with an img the latter is a div with an img. As you can see in the former case there is some strange space between the border of the img and the border of the button. I wonder how I can remove it.
Here the CSS file:
* {
margin: 0;
padding: 0;
}
button, img, div {
border: 1px solid black;
}
img {
display: block;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
在其他浏览器中测试上述测试用例表明，这可能不是 CSS 问题，而是 Firefox 中的错误。经过一番研究后，我发现了这个错误报告： Bug 140563 -
在该错误报告中，有一个针对该问题的修复：
Testing the above testcase in other browsers has shown that this probably isn't a CSS issue but a bug in Firefox. After a little bit of research I found this bug report: Bug 140563 -
<button>ignores CSS stylepadding:0In that bug report there is a fix for the problem:
我认为你必须为
div设置一个widthI think you have to set a
widthfor thediv您要求的
padding似乎没有被应用。您是否尝试过在按钮上明确设置它？It looks like the
paddingyou're asking for is not being applied. Have you tried setting it explicitly on the button?