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

nop*_*ole 1 html css

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

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

<div>
    <br>200 words follows...
    <br>another 300 words...
    <br>
    <br>and 250 words...
</div>
Run Code Online (Sandbox Code Playgroud)

我通常不会以这种方式设置内容,但会<p> ... </p>为每个段落使用标记.但是,假设我们不重新构造文档,而只是使用CSS来设置<br>标记的样式,以便每个段落在顶部可以有更多的空白空间(而不是默认值),如果仅仅是为了理解<br>更多,怎么办?(虽然<br>在某种程度上是换行符的特殊元素,但它应该像其他元素一样具有样式.)

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

在Chrome上,连续只有2个<br>会提供更多空间,而在Firefox上,这种行为很奇怪,很难解释.

Urb*_*man 7

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

你能用CSS定位<br />吗?