首页 > 文章列表 > 如何解决 `` 标签中 `line-height: 0px` 无效的问题?

如何解决 `` 标签中 `line-height: 0px` 无效的问题?

131 2025-01-28

如何解决 `` 标签中 `line-height: 0px` 无效的问题?

解决 pre 标签中 line-height:0px 无效的问题

问题:在 <pre> 标签中应用 p {line-height: 0; } 样式无法调整段落之间的行间距。

原因:<pre> 标签默认具有 white-space: pre; 样式,这会强制保留文本的原始格式,包括行间距。

解决方案:

将 line-height: 0 样式应用到 <pre> 元素,而不是 <p> 元素上:

pre {
  line-height: 0;
}

这样,就可以调整 <pre> 标签内段落之间的行间距,而不会影响其他内容的格式。

来源:1730537895