如何使用 CSS 设置 HTML 段落样式以防止它们之间出现空行？答案

【问题标题】：How to style HTML paragraphs with CSS to prevent empty lines between them?如何使用 CSS 设置 HTML 段落样式以防止它们之间出现空行？
【发布时间】：2012-07-19 03:30:16
【问题描述】：

如果我有 2 个完整的连续段落，我应该如何设置它们的样式以便它们之间只有一个换行符（所以没有空行）？

例如

<p>First paragraph</p>
<p>Second paragraph</p>

应该呈现为

First paragraph
Second paragraph

我正在使用 XSLT 生成这个 HTML。

【问题讨论】：

在这种情况下你不能在没有任何<p>标签的情况下渲染它吗？

标签： html css xhtml paragraph

【解决方案1】：

去除上下边距：

p{
    margin-top:0;
    margin-bottom:0
}

【讨论】：

【解决方案2】：

通常<p> 标记将具有非零垂直边距，这会产生“额外”换行符的外观。如果您不希望它们之间没有“额外”空间，您可以将段落边距设置为零。

例如

<p style="margin: 0;">First paragraph</p>
<p style="margin: 0;">Second paragraph</p>

【讨论】：

我认为任何浏览器都没有默认的非零填充 p 元素。都是关于垂直边距的。