我有一大段的文本，分为<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 {
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: "" }
其他回答
使用< div >
<div>Content 1</div>Content 2
这允许没有任何垂直空间的新行。
这就变成了
<div>内容1</div>内容2
你似乎不能调整BR的高度，但你可以让它可靠地消失使用显示:无
在寻找以下问题的解决方案时遇到了这个页面:
我有一个情况，第三方支付网关(Worldpay)只允许你自定义他们的支付页面，最多10k的CSS和HTML(不允许脚本)被注入到他们的模板的主体，在一些BR，字体标签等。 再加上他们的DTD迫使IE7/8进入Quirks模式，这使得跨浏览器定制变得非常困难!
关闭BR会让事情变得更加一致……
我有个问题，我用了
<div style="line-height:150%;">
<br>
</div>
尝试在包含br标记的p标记上使用CSS line-height属性。记住，如果你想隔离它，你可以标识你的p标签，尽管在我看来，使用div隔离可能更好。
而不是
<br>,<br/>,<hr> or <span></span> and trying different CSS properties to these tag.
我做了，我把段落放在一个div中，并给它行高:2px
# html
<div class="smallerlineHeight">
<p>Line1</p>
<p>Line2</p>
</div>
#css
.smallerlineHeight {
p {
line-height: 2px;
}
}
