我有一大段的文本，分为<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:after {
content: ".";
visibility: hidden;
display: block;
}
但这在chrome或firefox上行不通。
我只是觉得我应该提一下以防别人也这么想这样他们就不用麻烦了。
其他回答
记住，(mis)在某处使用<hr>标记，将结束<p>标记，所以忘记这个解决方案。 如果f.ex。在<p>周围设置样式，插入<hr>后，其余内容的样式将消失。
我让它在IE7中工作通过使用解决方案的组合，但主要是包装在DIV中的Br奈杰尔和其他人建议。添加Id和运行在="服务器"，所以我可以删除BR时，从复选框行删除复选框。
.narrow {
display: block;
margin: 0px;
line-height: 0px;
content: " ";
}
<div class="narrow" run at="server"><br></br></div>
另一种方法是使用人力资源。但是，狡猾的是，让它隐形。
因此:
<hr style="height:30pt; visibility:hidden;" />
使用HR来模拟一个更干净的BR中断:Btw适用于所有浏览器!!
{ height:2px; visibility:hidden; margin-bottom:-1px; }
我使用这些方法，但我不知道是否跨浏览器
方法一======
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: "" }
Css:
br {
display: block;
margin: 10px 0;
}
解决方案可能不跨浏览器兼容，但至少是可以的。还可以考虑设置行高:
line-height:22px;
对于谷歌Chrome浏览器，考虑设置内容:
content: " ";
除此之外，我认为您只能使用JavaScript解决方案了。
