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

Question

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

例如

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

应该呈现为

First paragraph
Second paragraph

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

score 11 · Accepted Answer

11

删除顶部和底部边距：

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

于 2012-07-18T18:31:32.743 回答

score 2 · Accepted Answer

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

例如

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

2 回答 2