我有一大段的文本，分为<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>的行高和高度，我也谷歌了一下，堆栈溢出了，但没有找到任何解决方案。在不改变布局的情况下，这可能吗?
当前回答
下面是一个在IE、Firefox和Chrome中都能运行的解决方案。其思想是将br元素的字体大小从14px增加到18px，并将元素降低4px，以便额外的大小在文本行以下。结果是br下面有4px的额外空白。
br
{
font-size: 18px;
vertical-align: -4px;
}
其他回答
有趣的是，如果将break标记写成完整形式，如下所示:
<br></br>
那么CSS行高:145%就可以了。 如果break标记写为:
<br> or
<br/>
那么它就不能工作了，至少在Chrome、IE和firefox中是这样。 奇怪!
所以，上面的人基本上得到了类似的答案，但在这里它非常简洁。适用于Opera, Chrome, Safari和Firefox，最有可能也适用于IE ?
br {
display: block; /* makes it have a width */
content: ""; /* clears default height */
margin-top: 0; /* change this to whatever height you want it */
}
你似乎不能调整BR的高度，但你可以让它可靠地消失使用显示:无
在寻找以下问题的解决方案时遇到了这个页面:
我有一个情况，第三方支付网关(Worldpay)只允许你自定义他们的支付页面，最多10k的CSS和HTML(不允许脚本)被注入到他们的模板的主体，在一些BR，字体标签等。 再加上他们的DTD迫使IE7/8进入Quirks模式，这使得跨浏览器定制变得非常困难!
关闭BR会让事情变得更加一致……
据我所知<br>没有高度，它只是强制换行。你得到的是一个文本，除了自动换行之外，还有一些换行符，而不是段落。您可以更改行间距，但这将影响所有行。
我有个想法也许能派上用场
br:after {
content: ".";
visibility: hidden;
display: block;
}
但这在chrome或firefox上行不通。
我只是觉得我应该提一下以防别人也这么想这样他们就不用麻烦了。
