我有一大段的文本，分为<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>的行高和高度，我也谷歌了一下，堆栈溢出了，但没有找到任何解决方案。在不改变布局的情况下，这可能吗?
当前回答
记住，(mis)在某处使用<hr>标记，将结束<p>标记，所以忘记这个解决方案。 如果f.ex。在<p>周围设置样式，插入<hr>后，其余内容的样式将消失。
其他回答
你似乎不能调整BR的高度，但你可以让它可靠地消失使用显示:无
在寻找以下问题的解决方案时遇到了这个页面:
我有一个情况，第三方支付网关(Worldpay)只允许你自定义他们的支付页面，最多10k的CSS和HTML(不允许脚本)被注入到他们的模板的主体，在一些BR，字体标签等。 再加上他们的DTD迫使IE7/8进入Quirks模式，这使得跨浏览器定制变得非常困难!
关闭BR会让事情变得更加一致……
如果有人已经说过了，我很抱歉，但简单的解决方法是玩转你的“行高”。如果你在使用换行符时占用了太多的空间，这只是因为你把行高设置得太高了。你可以在CSS中纠正这个错误(但知道这会影响所有使用该属性的东西)，或者你可以使用内联样式来覆盖CSS。
我知道这是一个老问题，但对我来说，它实际上是通过使用空白段落和页边距来实现的:
<p class="" style="margin: 4px;"></p>
增加或减少边距大小将增加或减少元素之间的距离，就像边框一样，但可以调整。
最重要的是，它是浏览器兼容的。
当我无法从span标签中获得样式间距时，这为我做了一件事:
<p style='margin-bottom: 5px' >
<span>I Agree</span>
</p>
<span>I Don't Agree</span>
所以，上面的人基本上得到了类似的答案，但在这里它非常简洁。适用于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 */
}
