如何改变 的高度？答案

【问题标题】：How to change the height of a ?如何改变 的高度？
【发布时间】：2010-11-27 10:26:58
【问题描述】：

我有一大段文字，用 's 分成小段：

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

我想扩大这些小段之间的差距，比如有两个  或类似的东西。我知道正确的做法是使用，但现在我无法更改此布局，所以我正在寻找纯 CSS 的解决方案。

我已经尝试将  的line-height 和height 设置为display: block，我也简单地用谷歌搜索和Stack Overflow-ed，但没有找到任何解决方案。这甚至可以在不改变布局的情况下实现吗？

【问题讨论】：

标签： html css

【解决方案1】：

:before/:after CSS2 伪元素之前我没有尝试过，主要是因为它只在 IE8 中支持（这与 IE 浏览器有关）。这可能是唯一可能的 CSS 解决方案：

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

【讨论】：

【解决方案2】：

迈克尔和尤达都是对的。你可以做的是使用标签，它是一个块标签，它使用底部边距来偏移下面的块，所以你可以做类似的事情来获得更大的间距：

<p>
    A block of text.
</p>
<p>
    Another block
</p>

另一种选择是使用块<hr> 标签，您可以使用它明确定义间距的高度。

【讨论】：

【解决方案3】：

据我所知  没有高度，它只是强制换行。除了自动换行之外，您所拥有的是带有一些换行符的文本，not 子段落。您可以更改行距，但这会影响所有行。

【讨论】：

【解决方案4】：

您可以在  元素上应用 line-height，因此线条会变大。

【讨论】：