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

Question

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

E.g。

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

应呈现为

First paragraph
Second paragraph

我正在使用XSLT生成此HTML。

Answer 1

删除顶部和底部边距：

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

Answer 2

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

E.g。

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