1

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

4

2 回答 2

7

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

你可以用css定位<br />吗?

于 2012-12-14T14:44:49.080 回答
0

请使用以下指定大小的垂直间隙

CSS

div.verticalgap{clear:both;overflow:hidden;height:0px;}

HTML(对于 10 像素的垂直间隙)

<div class="verticalgap" style="height:10px"></div>

于 2014-02-28T14:13:19.140 回答