如何改变高度 ?

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

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

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

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

当前回答

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

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

其他回答

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

我让它在IE7中工作通过使用解决方案的组合，但主要是包装在DIV中的Br奈杰尔和其他人建议。添加Id和运行在="服务器"，所以我可以删除BR时，从复选框行删除复选框。

.narrow {
    display: block;
    margin: 0px;
    line-height: 0px;
    content: " "; 
}

<div class="narrow" run at="server"><br></br></div>

2019年9月13日更新:

我使用 来做一个超大的换行符，当我需要一个。直到今天，我都是这样写的:

br.big {line-height:190%;vertical-align:top}

(vertical-align:top只在IE和Edge中需要。)

这在我试过的所有主要浏览器中都有效:Chrome、Firefox、Opera、Brave、PaleMoon、Edge和IE11。

然而，它最近在基于chrome的浏览器中停止工作:我的“大”换行符变成了正常大小的换行符。

(我不知道他们是什么时候打破的。截至2019年9月12日，它仍然可以在我过时的Chromium Portable 55.0.2883.11中工作，但它在Opera 63.0.3368.71和Chrome 76.0.3809.132 (Windows和Android)中被打破了。

经过一些尝试和错误，我最终用下面的替代品，它可以在所有这些浏览器的当前版本中工作:

br.big {display:block; content:""; margin-top:0.5em; line-height:190%; vertical-align:top;}

注:

line-height:190%适用于所有浏览器，除了最新版本的基于chrome的浏览器。

vertical-align:top是IE和Edge所需要的(结合line-height:190%)，以获得额外的空间在前一行之后，在它属于的地方，而不是部分在前部分在后。

display:block;content:"";margin-top:0.5em适用于Chrome、Opera和Firefox，但不适用于Edge和IE。

另一种(更简单的)方法是在 标记之后添加一些额外的垂直空间，如果您不介意编辑HTML，可以使用类似这样的方法。它在所有浏览器中都能正常工作:

<span style="vertical-align:-37%"> </span><br>

(当然，您可以根据需要调整“-37%”，以增大或减小差距。)下面是一个演示页面，其中包括主题的一些其他变体:

https://burtonsys.com/a_little_extra_vertical_space_for_br_tag.html

2020年5月28日:

我已经更新了演示页面;它现在演示了上述所有技术:

https://burtonsys.com/a_little_extra_vertical_space_for_br_tag.html

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

因此:

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

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

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

使用一些HTML在markdown，不得不强制 s在一个列表，导致太狭窄，没有一个给定的解决方案工作如预期(至少在我的设置)

最后是

<div style="height:10px;font-size:10px;">&nbsp;</div>

我在这里找到了，非常接近dorogz的建议。当然，对于标准的需要，CSS是更好的

如何改变高度<br>?