我有一大段的文本,分为<br>的子段落:

<p>
  Blah blah blah.
  <br/>
  Blah blah blah. Blah blah blah. Blah blah blah.
  <br/>
  Blah blah blah.
</p>

我想扩大这些分段之间的间隔,比如有两个<br>之类的。我知道这样做的正确方法是使用<p></p>,但现在我不能改变这个布局,所以我正在寻找css的解决方案。

我试着用display: block设置<br>的行高和高度,我也谷歌了一下,堆栈溢出了,但没有找到任何解决方案。在不改变布局的情况下,这可能吗?


当前回答

迈克尔和尤达都是对的。你能做的是使用<p>标签,它是一个块标签,使用底部边距来抵消下面的块,所以你可以做类似的事情来获得更大的间距:

<p>
    A block of text.
</p>
<p>
    Another block
</p>

另一种替代方法是使用block <hr>标记,使用该标记可以显式地定义间距的高度。

其他回答

可以在<p>元素上应用line-height,这样行就变大了。

br {   
    content: "";
    margin: 2em;
    display: block;
    margin-bottom: -20px; 
 }

工作在Firefox, Chrome和Safari。 还没有在Explorer中测试。(windows平板电脑没电了。)

换行,字体大小在Firefox和Safari中是不同的。

<br>为换行符。 <br />也是换行符,void元素或xhtml可以选择使用“/”。 使用<br></br>,浏览器将插入两个换行符,因为这两个换行符“实际上”相同。 没有办法增加换行符的大小,因为它只是一个换行符。 使用一个div,能见度设置为隐藏(<div style="能见度:隐藏;行高:150%;"</div>)或者更好,一个段落。

尝试在包含br标记的p标记上使用CSS line-height属性。记住,如果你想隔离它,你可以标识你的p标签,尽管在我看来,使用div隔离可能更好。

据我所知<br>没有高度,它只是强制换行。你得到的是一个文本,除了自动换行之外,还有一些换行符,而不是段落。您可以更改行间距,但这将影响所有行。