Question

我知道BR用于创建换行符。我只是想知道它是否也在线之间创造了空间？请考虑以下示例：

<p>
Hello <br/> Stackoverflow <br/><br/><br/> !
</p>

输出如下：

Hello
Stackoverflow


!

通过越来越多的BR我发现线之间的距离增加了。是因为 吗？但是当我尝试在CSS中控制 高度时，它没有跟随，似乎它根本没有高度，只是一个换行符。如果 不是行之间空间的原因，那么哪个以及如何在CSS中控制它？另外，我通常使用 在行之间创建较大的距离，当数据来自数据库时，我这样做是为了替换\n\r等，这样可以吗？

Answer 1

 标记用于换行符。如果要以这种方式查看，可以使用CSS line-height属性来控制行之间的距离。

Answer 2

对于行之间的距离较大，最好每行都使用标记，您可以在其中控制高度。

http://jsfiddle.net/efortis/f6ju2/

Answer 3

BR元素强行中断（结束）当前文本行 ...

更多信息here。并且，添加更多会增加距离，但我不相信除了应用clear之外，你可以做很多样式。

Answer 4

＆lt; br /＆gt;的数量used只会创建换行符。如果您希望在页面上的特定部分之间创建大空间，我将使用CSS margin属性将一个顶部区域与下一个顶部区分开。例如：

<div id="topSection" class="margin-bottom: 100px;">Hello Stackflow</div>
<div id="bottomSection">Content lower on the screen without unnecessary breaks.</div>

Answer 5

我发现当我们放置多个BR时我们看到的空间实际上并不是由BR引起的，而是由P元素的线高引起的。

考虑以下标记：

<p>
Hello <br/> Stackoverflow <br/><br/><br/> !
</p>

输出

1. Hello
2. Stackoverflow 
3. 
4.    
5.    !

这里的第3行和第4行只是空行。尽管是空的，但它们仍然具有线高。

Answer 6

是的，通过添加更多BR个标签，我们会创建新的换行符。不建议使用BR标记在行之间创建较大的距离，而是使用CSS margin和padding来引入空格。

Answer 7

作为使用 在行之间获取您喜欢的间距的替代方法，您可以使用CSS line-height属性

Answer 8

我发现line-height在CSS中效果很好。：）

p {
  font-size:20px;
  line-height:280%;
}

<p>
Hello
<br>
World!
</p>

BR标签是否具有高度？

8 个答案: