如何改变高度 ?

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

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

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

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

当前回答

我知道这是一个老问题，但对我来说，它实际上是通过使用空白段落和页边距来实现的:

<p class="" style="margin: 4px;"></p>

增加或减少边距大小将增加或减少元素之间的距离，就像边框一样，但可以调整。

最重要的是，它是浏览器兼容的。

其他回答

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

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

我以前没有尝试过:before/:after CSS2伪元素，主要是因为它只在IE8中被支持(这涉及到IE浏览器)。这可能是唯一可能的CSS解决方案:

br:before {
    display: block;
    margin-top: 10px;
    content: "";
}

下面是QuirksMode上的一个例子。

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

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

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

可能会发现一个解决方案非常简单，你只需要创建不同类型的。似乎对我有用。

例子: (html代码)

<br/ class="150%space">

(css代码)

br[class='150%space']
{
   line-height: 150%;
}

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

因此:

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

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

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

如何改变高度<br>?