如何改变高度<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的解决方案。

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

当前回答

我有个问题，我用了

<div style="line-height:150%;">
    <br>
</div>

其他回答

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

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

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

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

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

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

使用< div >

<div>Content 1</div>Content 2

这允许没有任何垂直空间的新行。

这就变成了

<div>内容1</div>内容2

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

<br></br>

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

<br> or 
<br/>

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

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

因此:

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

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

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

推荐文章