首页 > 文章列表 > 如何让``标签中的``元素的`line-height`属性生效?

如何让``标签中的``元素的`line-height`属性生效?

479 2025-01-22

如何让``标签中的``元素的`line-height`属性生效?

让<pre>标签中的<p>元素的line-height生效

在<pre>标签中,<p>元素的line-height属性往往不起作用。这是由于<pre>标签本身会强制文本以固定间距显示,覆盖了<p>元素的line-height设置。

为了让<p>元素的line-height在<pre>标签中生效,需要将line-height属性应用于<pre>元素本身,而不是<p>元素。

修改后的CSS:

pre {
  line-height: 0;
}

这样,<pre>标签中的文本将以固定间距显示,而<p>元素之间的行间距则可以根据<pre>元素的line-height设置进行调整。

来源:1730535521