如何改变一个<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 {
   display: block;
   margin: 10px 0;}

解决方案可能不是跨浏览器兼容的，但它至少是这样的。还要考虑设置line-height：

line-height:22px;

对于Google Chrome，请考虑设置content：

content: " ";

除此之外，我认为你坚持使用JavaScript解决方案。

Answer 2

以下是实际具有跨浏览器支持的正确解决方案：

  br {
        line-height: 150%;
     }

Answer 3

另一种方法是使用HR。但是，这是狡猾的部分，让它看不见。

从而：

<hr style="height:30pt; visibility:hidden;" />

使用HR模拟清洁BR断裂：Btw适用于所有浏览器！

{ height:2px; visibility:hidden; margin-bottom:-1px; }