使用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的额外标记.

更多阅读

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标签边缘问题.