我有一大段的文本，分为<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>的行高和高度，我也谷歌了一下，堆栈溢出了，但没有找到任何解决方案。在不改变布局的情况下，这可能吗?
当前回答
可以在<p>元素上应用line-height，这样行就变大了。
其他回答
br {
content: "";
margin: 2em;
display: block;
margin-bottom: -20px;
}
工作在Firefox, Chrome和Safari。 还没有在Explorer中测试。(windows平板电脑没电了。)
换行，字体大小在Firefox和Safari中是不同的。
像这样加一个段落而不是换行怎么样
等等，等等，等等，等等，等等 等等，等等，等等，等等，等等 等等，等等，等等，等等，等等
然后你可以为p指定线高或填充
Css:
br {
display: block;
margin: 10px 0;
}
解决方案可能不跨浏览器兼容，但至少是可以的。还可以考虑设置行高:
line-height:22px;
对于谷歌Chrome浏览器，考虑设置内容:
content: " ";
除此之外，我认为您只能使用JavaScript解决方案了。
所以，上面的人基本上得到了类似的答案，但在这里它非常简洁。适用于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:after {
content: ".";
visibility: hidden;
display: block;
}
但这在chrome或firefox上行不通。
我只是觉得我应该提一下以防别人也这么想这样他们就不用麻烦了。
