如何让 line-height: 0px; 在 Pre 标签中生效？

让 line-height: 0px; 在 pre 标签中生效

在使用 pre 标签输出代码或其他预格式化文本时，原本可以正常应用于段落元素（p）的 line-height: 0; 样式却不起作用了。这是因为 pre 标签有默认的 line-height 值，优先级高于段落元素的样式。

要解决这个问题，只需把 line-height: 0 样式应用到 pre 元素本身，而不是段落元素：

pre {
  line-height: 0;
}

这样，pre 标签中的段落元素的 line-height 就会继承其父元素（pre）的样式，从而达到预期的效果，消除各个段落之间的额外的行间距。

以上就是如何让 line-height: 0px; 在 Pre 标签中生效？的详细内容，更多请关注其它相关文章！