我有一个使用大佐治亚用于编号和较小的Arial字体的文本的有序列表（如在推荐How to align two columns of text in CSS）。我使用内里的p标签，所以我可以设置字体大小也设置了相关的行高（确保有一个正常的行间距若丽的超过一个线运行）。这几乎是罚款，但在Firefox中的子弹之间的间距比其他任何布劳尔更严格，所有别人看来，尽管利润率明确设置为0，被添加上述p标签保证金当我使用的开发工具在看它Chrome似乎添加-webkit-margin-before：1em; -webkit-margin-after：1em;到没有被覆盖的p标签。这可能不是原因，因为它也非WebKit浏览器从FF和一切我读过说，这些功能通过设置页边距（这是在下面的代码设置，并在我的CSS文件的顶部与覆盖除了发生所有元素css边缘重置）。我将非常感谢，如果有人能指出为什么我得到所有非FF浏览器更多的空间，因为我一直在试图解决它的年龄，只是不明白为什么它的发生！仅供参考我曾尝试明确设定每个元素的线高，但这具有完全相同的效果。你可以看到下面的代码。
非常感谢您的帮助以及任何人可以给予的建议！
戴夫
ol {
color: #ec008c;
margin: 0;
padding: 0 0 0 1.6em;
list-style-position: outside;
font-family: georgia, serif;
font-size: 16px;
font-weight: bold;
}
ol li {
margin: 0;
padding: 0;
}
ol li p {
font-family: arial, sans-serif;
font-weight: normal;
font-size: 10px;
color: #000000;
margin: 0 0 4px 0;
padding: 0;
display: block;
}
<div id="playlist">
<div id="playlistinner">
<p id="playlisttitle">The List</p>
<ol>
<li class="listitem"><p><strong>Entry 1</strong> - entry details</p></li>
<li class="listitem"><p><strong>Entry 2</strong> - entry details</p></li>
<li class="listitem"><p><strong>Entry 3</strong> - entry details that are much longer and span more than one line</p></li>
<li class="listitem"><p><strong>Entry 4</strong> - entry details</p></li>
<li class="listitem"><p><strong>Entry 5</strong> - entry details</p></li>
</ol>
</div>
</div>
答案 0 :(得分：3)
你提到非webkit，非Firefox浏览器似乎做同样的事情。你看过使用他们的开发者工具吗？两个IE（除了7; 6除了它作为插件; 8和9包括它，只是命中F12）和Opera有开发人员工具。检查它们，看看是什么导致它们。
Opera在<p>元素上放置1em顶部和底部边距，我没有IE运行的平台，但我认为它也是如此。在您给我们的代码和示例中，您没有重置所有元素边距，因此在您明确设置边距之前无需覆盖。
你可以做的另一件事是设置line-height: 1;以使事情进一步收紧。
另外，为什么要使用相框？它们不仅在HTML5中被弃用，而且还有several major reasons why它们很糟糕。如果你想拥有一个通用文件的单个文件，比如标题和导航，那么看看服务器端的包含。
答案 1 :(得分：1)
我猜它可以连接到您在li元素中使用的较大字体的行高。如果我在Chrome中将line-height: 12px添加到li - 样式，则间距与FF中的间距相同。
答案 2 :(得分：0)
@deshg;首先，我想说使用resetsheet。现在问题是li中的li之间有一个额外的间距
原因
1）每个用户代理都有自己的默认属性。所以，他们呈现不同。
2）可能是一个结构也用于更多检查this。
<强>解决方案
一个。使用resetsheet。
湾最好给出span而不是p。
℃。正如svanelten所说，在line-height中提供li以查看更多链接