如何设置br标签的样式以在顶部和/或底部留出更多空间？

Question

此问题旨在了解有关<br>标记的更多信息：

有一个HTML页面使用以下样式将单词分成段落：

<div>
    <br>200 words follows...
    <br>another 300 words...
    <br>
    <br>and 250 words...
</div>

我通常不会以这种方式设置内容，但会为每个段落使用<p> ... </p>标记。但是，假设我们不重新构造文档，而只是使用CSS来设置<br>标记的样式，以便每个段落顶部可以有更多的空格（而不是默认值），如果只是为了理解<br>更多，如何做到这一点？ （虽然<br>在某种程度上是换行符的特殊元素，但它应该像其他元素一样样式化。）

请注意line-height在这种情况下不起作用，在Chrome中，它的工作方式与Mac上的Firefox不同...可以在http://jsfiddle.net/ff5SX/2/

尝试

在Chrome上，只有连续2次<br>可以提供更多空间，而在Firefox上，行为很奇怪，很难解释。

Answer 1

本文总结了br标签的样式可能性（或者说不可能）

Can you target <br /> with css?

Answer 2

请使用以下内容获取指定尺寸的垂直间隙

CSS

div.verticalgap {明确：两者;溢出：隐藏;高度：0像素;}

HTML（垂直间距为10px）

＆lt; div class =“verticalgap”style =“height：10px”＆gt;＆lt; / div＆gt;