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


当前回答

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

例子: (html代码)

<br/ class="150%space">

(css代码)

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

其他回答

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

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

  br {
        line-height: 150%;
     }
<span style="line-height:40px;"><br></span> 

你必须在内联和每个元素上这样做,但它应该在大多数浏览器上工作 调整线高以获得想要的效果。如果您在每个元素上都将其内联,那么它应该可以跨大多数浏览器和电子邮件工作(但这太复杂了,这里不讨论)。

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

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

下面是QuirksMode上的一个例子。

我必须开发一种解决方案,将HTML转换为PDF,并在表格单元格中垂直中心放置文本,但除了输入普通的<br>之外,没有任何工作

因此,跳出框框,我通过调整字体大小(以pt为单位)改变了垂直大小。

<font style="font-size: 4pt"><br></font>