BR标签有高度吗？

Question

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

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

输出看起来像：

Hello 
Stackoverflow 


! 

通过把越来越多的BR我发现距离之间的线增加。是因为<br>？但是当我试图控制CSS中的高度<br>时，它并没有跟随，看起来它根本没有高度，只是一个换行符。如果<br>不是行间空格的原因，那哪个是哪个以及如何在CSS中控制它？此外，我通常使用<br>来创建线条之间的大距离，我这样做以取代\n\r或类似的数据时，从数据库中，这样好吗？

Answer 1

我发现，我们看到，当我们把多个BR的空间不是由BR但P元素的行高实际造成的。

考虑下面的标记：

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

输出

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

3号线和4，这里只是空行。尽管是空的，他们仍然拥有线条高度。

Answer 2

br元素强行突破（结束）文本的当前行...

更多信息here。是的，增加更多会增加距离，但我认为除了应用clear之外，你不能为造型设计太多。

Answer 3

使用的< br/>的数量只能创建换行符。如果您希望在页面上的特定部分之间创建较大的空间，我将使用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 4

<br />标记用于换行符。如果你想这样看，你可以使用CSS line-height属性来控制线条之间的距离。

Answer 5

是的，通过更多的BR标签将创建新的换行符。不建议使用BR标签来创建线条之间的较大距离，而是使用CSS margin和padding来引入空格。

Answer 6

作为替代使用<br />让你字里行间喜欢的间距，您可以使用CSS line-height财产

Answer 7

对线之间的大的距离，最好使用<p>标签的每一行，在其中可以控制身高。

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