我有一大段的文本,分为<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>的行高和高度,我也谷歌了一下,堆栈溢出了,但没有找到任何解决方案。在不改变布局的情况下,这可能吗?


当前回答

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

其他回答

另一种方法是使用人力资源。但是,狡猾的是,让它隐形。

因此:

<hr style="height:30pt; visibility:hidden;" />

使用HR来模拟一个更干净的BR中断:Btw适用于所有浏览器!!

{ height:2px; visibility:hidden; margin-bottom:-1px; }
<span style="line-height:40px;"><br></span> 

你必须在内联和每个元素上这样做,但它应该在大多数浏览器上工作 调整线高以获得想要的效果。如果您在每个元素上都将其内联,那么它应该可以跨大多数浏览器和电子邮件工作(但这太复杂了,这里不讨论)。

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

我使用这些方法,但我不知道是否跨浏览器

方法一======

br {
    display:none;
}

或 ======方法二======

br {
    display: block;
    margin-bottom: 2px;
    font-size:2px;
    line-height: 2px;
}
br:before {
    display: block;
    margin-top: 2px;
    content: "";
}
br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

或 ======方法三======

br:after { content: "" }
br { content: "" }

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