如何改变高度<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>的行高和高度，我也谷歌了一下，堆栈溢出了，但没有找到任何解决方案。在不改变布局的情况下，这可能吗?

当前回答

在更一般的层面上回答任何登陆这里的人，因为他们正在修复由<br>标签引起的间距问题。为了接近完美像素，我不得不做很多重置。

br {
    content: " ";
    display: block;
}

对于我要解决的特定问题，我必须在字里行间留出特定的空间。我在顶部和底部加了边距。

br {
    content: " ";
    display: block;
    margin: 0.25em 0;
}

其他回答

可以在<p>元素上应用line-height，这样行就变大了。

据我所知<br>没有高度，它只是强制换行。你得到的是一个文本，除了自动换行之外，还有一些换行符，而不是段落。您可以更改行间距，但这将影响所有行。

使用< div >

<div>Content 1</div>Content 2

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

这就变成了

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

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

<br></br>

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

<br> or 
<br/>

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

你似乎不能调整BR的高度，但你可以让它可靠地消失使用显示:无

在寻找以下问题的解决方案时遇到了这个页面:

我有一个情况，第三方支付网关(Worldpay)只允许你自定义他们的支付页面，最多10k的CSS和HTML(不允许脚本)被注入到他们的模板的主体，在一些BR，字体标签等。再加上他们的DTD迫使IE7/8进入Quirks模式，这使得跨浏览器定制变得非常困难!

关闭BR会让事情变得更加一致……

推荐文章