如何改变高度 ?

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

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

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

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

当前回答

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

其他回答

<span style="line-height:40px;"><br></span>

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

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

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

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

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

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

<br></br>

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

<br> or 
<br/>

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

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

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

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

而不是

<br>,<br/>,<hr> or <span></span> and trying different CSS properties to these tag.

我做了，我把段落放在一个div中，并给它行高:2px

# html

<div class="smallerlineHeight">
   <p>Line1</p>
   <p>Line2</p>
</div>

#css

.smallerlineHeight {
    p {
        line-height: 2px;
    }
}

如何改变高度<br>?