如何改变高度 ?

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

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

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

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

当前回答

记住，(mis)在某处使用<hr>标记，将结束标记，所以忘记这个解决方案。如果f.ex。在周围设置样式，插入<hr>后，其余内容的样式将消失。

其他回答

我有个想法也许能派上用场

br:after {
    content: ".";
    visibility: hidden;
    display: block;
}

但这在chrome或firefox上行不通。

我只是觉得我应该提一下以防别人也这么想这样他们就不用麻烦了。

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

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

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

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

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

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

有趣的是，如果将break标记写成完整形式，如下所示:

<br></br>

那么CSS行高:145%就可以了。如果break标记写为:

<br> or 
<br/>

那么它就不能工作了，至少在Chrome、IE和firefox中是这样。奇怪!

我让它在IE7中工作通过使用解决方案的组合，但主要是包装在DIV中的Br奈杰尔和其他人建议。添加Id和运行在="服务器"，所以我可以删除BR时，从复选框行删除复选框。

.narrow {
    display: block;
    margin: 0px;
    line-height: 0px;
    content: " "; 
}

<div class="narrow" run at="server"><br></br></div>

如何改变高度<br>?