程序开发 · 2024年11月28日

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

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

问题:在

 标签中应用 p {line-height: 0; } 样式无法调整段落之间的行间距。</p><p>原因:<pre class="brush:php;toolbar:false"> 标签默认具有 white-space: pre; 样式,这会强制保留文本的原始格式,包括行间距。</p><p>解决方案:</p><p>将 line-height: 0 样式应用到 <pre class="brush:php;toolbar:false"> 元素,而不是 <p> 元素上:</p><pre class="brush:php;toolbar:false">pre {
  line-height: 0;
}

登录后复制

这样,就可以调整

 标签内段落之间的行间距,而不会影响其他内容的格式。

登录后复制

以上就是如何解决 “ 标签中 `line-height: 0px` 无效的问题?的详细内容,更多请关注GTHOST其它相关文章!