pre 标签内 line-height: 0px 失效怎么办？

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

为了消除段落之间的间距，通常会将 line-height 设置为 0px。然而，在 pre 标签内时，此样式可能会失效。

解决方案：

将 line-height: 0px 设置到 pre 元素上，而不是子元素 p。

示例代码：

pre {
  line-height: 0px;
}

登录后复制

解释：

pre 元素是用来保持格式的，默认情况下会为子元素添加行间距。通过将 line-height 设置到 pre 元素，可以覆盖子元素的默认行间距，从而消除段落之间的间隙。

以上就是pre 标签内 line-height: 0px 失效怎么办？的详细内容，更多请关注GTHOST其它相关文章！