如何改变高度 ?

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

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

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

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

当前回答

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

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

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

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

其他回答

下面是一个在IE、Firefox和Chrome中都能运行的解决方案。其思想是将br元素的字体大小从14px增加到18px，并将元素降低4px，以便额外的大小在文本行以下。结果是br下面有4px的额外空白。

br 
{ 
font-size: 18px; 
vertical-align: -4px; 
}

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

  br {
        line-height: 150%;
     }

br {   
    content: "";
    margin: 2em;
    display: block;
    margin-bottom: -20px; 
 }

工作在Firefox, Chrome和Safari。还没有在Explorer中测试。(windows平板电脑没电了。)

换行，字体大小在Firefox和Safari中是不同的。

当我无法从span标签中获得样式间距时，这为我做了一件事:

        <p style='margin-bottom: 5px' >
            <span>I Agree</span>
        </p>
        <span>I Don't Agree</span>

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

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

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

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

如何改变高度<br>?