如何改变高度 ?

我有一大段的文本，分为 的子段落:

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

我想扩大这些分段之间的间隔，比如有两个 之类的。我知道这样做的正确方法是使用，但现在我不能改变这个布局，所以我正在寻找css的解决方案。

我试着用display: block设置 的行高和高度，我也谷歌了一下，堆栈溢出了，但没有找到任何解决方案。在不改变布局的情况下，这可能吗?

当前回答

另一种方法是使用人力资源。但是，狡猾的是，让它隐形。

因此:

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

使用HR来模拟一个更干净的BR中断:Btw适用于所有浏览器!!

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

其他回答

对我来说有用的是在段落标签之间添加这个内联…但这并不是最好的解决方案。

<br style="line-height:32px">

--------编辑---------

我在PC/Mac上遇到了问题…它赋予文本新的行高，但不做换行…你可能想自己做一些检查。对不起!

你也可以在CSS中使用“block-quote”属性。这样一来，它就不会影响到你的每一行，而是允许你为段落之间的换行符或“块引号”设置参数。

更新: 我接受纠正。"blockquote"实际上是一个HTML属性。你在工作中使用它就像和一样。然后，您可以在css中设置块引号的参数，如

blockquote { margin-top: 20px }

希望这能有所帮助。它类似于在br上设置参数，并且可能与跨浏览器兼容，也可能不兼容。

迈克尔和尤达都是对的。你能做的是使用标签，它是一个块标签，使用底部边距来抵消下面的块，所以你可以做类似的事情来获得更大的间距:

<p>
    A block of text.
</p>
<p>
    Another block
</p>

另一种替代方法是使用block <hr>标记，使用该标记可以显式地定义间距的高度。

下面是真正支持跨浏览器的正确解决方案:

  br {
        line-height: 150%;
     }

可能使用两个br标签是适用于所有浏览器的最简单的解决方案。但这是重复的。

<p>
content
</p>
<br /><br />
<p>
content
</p>
<br /><br />
<p>
content
</p>

如何改变高度<br>?