这个问题旨在更多地了解<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 上,这种行为很奇怪,更难解释。