我有一大段的文本，分为<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>的行高和高度，我也谷歌了一下，堆栈溢出了，但没有找到任何解决方案。在不改变布局的情况下，这可能吗?
当前回答
所以，上面的人基本上得到了类似的答案，但在这里它非常简洁。适用于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 {
content: "";
margin: 2em;
display: block;
margin-bottom: -20px;
}
工作在Firefox, Chrome和Safari。 还没有在Explorer中测试。(windows平板电脑没电了。)
换行，字体大小在Firefox和Safari中是不同的。
使用< div >
<div>Content 1</div>Content 2
这允许没有任何垂直空间的新行。
这就变成了
<div>内容1</div>内容2
另一种方法是使用人力资源。但是，狡猾的是，让它隐形。
因此:
<hr style="height:30pt; visibility:hidden;" />
使用HR来模拟一个更干净的BR中断:Btw适用于所有浏览器!!
{ height:2px; visibility:hidden; margin-bottom:-1px; }
使用一些HTML在markdown，不得不强制<br>s在一个列表，导致太狭窄，没有一个给定的解决方案工作如预期(至少在我的设置)
最后是
<div style="height:10px;font-size:10px;"> </div>
我在这里找到了，非常接近dorogz的建议。当然，对于标准的需要，CSS是更好的
下面是一个在IE、Firefox和Chrome中都能运行的解决方案。其思想是将br元素的字体大小从14px增加到18px，并将元素降低4px，以便额外的大小在文本行以下。结果是br下面有4px的额外空白。
br
{
font-size: 18px;
vertical-align: -4px;
}
