使用css reset时如何在段落之间添加空格？

Question

使用css reset时，在段落之间添加空格的最安全/没有高度变化的跨浏览器方式是什么？

<div>
<p class="text">paragraph1</p>
<p>&nbsp;</p>
<p class="text">paragraph2</p>
</div>
<div>
<p class="text">paragraph1</p>
<br>
<br>
<p class="text">paragraph2</p>
</div>

http://jsfiddle.net/unknown601/0ewvk3c9/

Answer 1

我发现在相邻段落之间包含空格很有用。

示例：http://jsfiddle.net/kppb0nLx/3/

/* a paragraph proceeded by another paragraph will have a top margin */
p + p {
    margin-top: 8px;
}

这允许您保持段落与容器的顶部/底部齐平，同时它们之间仍有空格。

您列出的选项（br和p仅用于间距）不被视为良好做法。它们不能在语义上代表您的内容，并且可以创建额外的标记，可以很容易地用CSS替换。

More Reading

Answer 2

<br>标记只能用于打破行，即<p>This is first line <br> This is second line.</p>

根据我的个人经验，我不得不说间距。观察大多数框架margin是在段落之间创建间距的最佳实践。

<强> DEMO

<强> CSS：

p{
    margin: 0 0 10px;
}

编辑：我更喜欢@Tim Medora解决方案：p + p { margin-top: 8px; }通过向相邻的p标签添加上边距，我们消除了常见的第一个和最后一个p标签边距问题。