<分区>
使用 css reset 时在段落之间添加空格的最安全/无高度变化的跨浏览器方法是什么?
<div>
<p class="text">paragraph1</p>
<p> </p>
<p class="text">paragraph2</p>
</div>
<div>
<p class="text">paragraph1</p>
<br>
<br>
<p class="text">paragraph2</p>
</div>
<分区>
使用 css reset 时在段落之间添加空格的最安全/无高度变化的跨浏览器方法是什么?
<div>
<p class="text">paragraph1</p>
<p> </p>
<p class="text">paragraph2</p>
</div>
<div>
<p class="text">paragraph1</p>
<br>
<br>
<p class="text">paragraph2</p>
</div>
最佳答案
我发现在相邻段落之间包含空格很有用。
示例:http://jsfiddle.net/kppb0nLx/3/
/* a paragraph proceeded by another paragraph will have a top margin */
p + p {
margin-top: 8px;
}
这使您可以使段落与容器的顶部/底部齐平,同时它们之间仍有空间。
您列出的选项(br
和 p
纯粹用于间距)不被认为是好的做法。它们不会在语义上表示您的内容,它们会创建可以轻松替换为 CSS 的额外标记。
关于css - 使用css reset时如何在段落之间添加空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25234261/