希望有人可以提供协助，我正在使用无序列表，其中实际列表项具有圆角矩形背景图像。
我的问题是，Firefox中的列表项似乎略有差距，但在谷歌浏览器中，没有差距。
如果我更改了css行高值，它会在Firefox中更正，但会破坏谷歌浏览器。
关于我需要做什么的任何想法，因为我认为我做错了什么来确保每个列表项之间，Firefox和谷歌浏览器都没有差距？
感谢。
答案 0 :(得分：3)
几分钟前我遇到了这个问题，发现了一个尚未在此处发布的简单修复程序。我尝试更改边距和填充，但这不起作用，所以我浮动所有LI元素的左边，它完美地工作。我在我的博客上发布了一个屏幕截图示例：http://www.thomasvendetta.com/css/gap-in-unordered-list-displayed-inline/
答案 1 :(得分：1)
最好的办法是重置<li>和<ul>上的所有填充/边距，然后根据需要为背景图片添加填充：
ul, li {
padding: 0;
margin: 0;
}
不同的浏览器会将不同的默认填充/边距应用于列表，因此您需要将其剥离以保持一致性。
答案 2 :(得分：0)
您是否尝试过负余量？
li { margin-bottom: -2px; }
这些跨浏览器的像素缺陷将始终存在，这种边缘技巧通常会在调整布局时节省大量时间。