BR标签是否具有高度？

Question

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

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

输出如下:

Hello
Stackoverflow


!

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

Answer 1

该<br />标记是换行符.如果要以这种方式查看,可以使用CSS line-height属性来控制行之间的距离.

Answer 2

对于线之间的距离较大,最好使用<p>每行的标签,您可以在其中控制高度.

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

Answer 3

我发现当我们放置多个BR时看到的空间实际上不是BR造成的，而是P元素的行高造成的。

考虑以下标记：

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

输出

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

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