我有一大段的文本，分为<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;
}
其他回答
另一种方法是使用人力资源。但是，狡猾的是，让它隐形。
因此:
<hr style="height:30pt; visibility:hidden;" />
使用HR来模拟一个更干净的BR中断:Btw适用于所有浏览器!!
{ height:2px; visibility:hidden; margin-bottom:-1px; }
迈克尔和尤达都是对的。你能做的是使用<p>标签，它是一个块标签，使用底部边距来抵消下面的块，所以你可以做类似的事情来获得更大的间距:
<p>
A block of text.
</p>
<p>
Another block
</p>
另一种替代方法是使用block <hr>标记，使用该标记可以显式地定义间距的高度。
我知道这是一个老问题，但对我来说，它实际上是通过使用空白段落和页边距来实现的:
<p class="" style="margin: 4px;"></p>
增加或减少边距大小将增加或减少元素之间的距离，就像边框一样，但可以调整。
最重要的是，它是浏览器兼容的。
对我来说有用的是在段落标签之间添加这个内联…但这并不是最好的解决方案。
<br style="line-height:32px">
--------编辑---------
我在PC/Mac上遇到了问题…它赋予文本新的行高，但不做换行…你可能想自己做一些检查。对不起!
我使用这些方法，但我不知道是否跨浏览器
方法一======
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: "" }
