如何改变一个<br>的高度？

Question

如何改变一个<br>的高度？

我有一段很大的文字，分为以下的分段<br>：

<p>
  Blah blah blah.  <br/>
  Blah blah blah. Blah blah blah. Blah blah blah.  <br/>
  Blah blah blah.</p>

我想扩大这些分段之间的差距，就像有两个<br>或类似的东西。我知道正确的方法是使用<p></p>，但是现在我无法改变这种布局，所以我正在寻找仅限CSS的解决方案。

我试过设置<br>的line-height和height有display: block，我也一派，堆栈溢出-ED简单，但没有找到任何解决方案。这是否可以在不改变布局的情况下实现？

Answer 1

CSS：br&nbsp;{ &nbsp;&nbsp;&nbsp;display:&nbsp;block; &nbsp;&nbsp;&nbsp;margin:&nbsp;10px&nbsp;0;}解决方案可能不是跨浏览器兼容的，但它至少是这样的。还要考虑设置line-height：line-height:22px;对于Google Chrome，请考虑设置content：content:&nbsp;"&nbsp;";除此之外，我认为你坚持使用JavaScript解决方案。

Answer 2

以下是实际具有跨浏览器支持的正确解决方案：&nbsp;&nbsp;br&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;line-height:&nbsp;150%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}

Answer 3

另一种方法是使用HR。但是，这是狡猾的部分，让它看不见。从而：<hr&nbsp;style="height:30pt;&nbsp;visibility:hidden;"&nbsp;/>使用HR模拟清洁BR断裂：Btw适用于所有浏览器！{&nbsp;height:2px;&nbsp;visibility:hidden;&nbsp;margin-bottom:-1px;&nbsp;}