css 未知高度正在应用于预标记

uttx8gqw 于 5个月前发布在其他

关注(0)|答案(2)|浏览(64)

我有一个网页上的一组前标签。这些前标签有一个默认的60像素的高度，我不能找出他们是从哪里来的。
这是有问题的页面-> https://dsabyte.com/blog/engineering/programming/java-script/Sleep-Function-In-JavaScript--AsyncSync-47b91c1e-8d39-4993-bd7a-a2d12ae11a3e#gRNOP0dVww
x1c 0d1x的数据
我删除了pre标签的每个子元素，但pre标签仍然有60 px的高度。然后在我删除类名和内联样式后，看到的效果仍然是pre标签仍然有60 px的高度。下面是相同的截图...

的
我还试着查看了右边的类和CSS，但找不到任何可能导致这个问题的东西。
有人能帮帮我吗？
提前感谢！

编辑

以下是应用于pre标记的内联CSS

padding: 10px; background-color: #232428; color: white; overflow: scroll;

字符串

css

来源：https://stackoverflow.com/questions/77738519/unknown-height-is-being-applied-to-pre-tag

2条答案

按热度按时间

a11xaf1n1#

Pre标记也呈现白色空格，你可以使用css属性whitespace来确保在表示时修剪空格。
1.例如，在你的例子中，给pre标签加上whitespace：pre-line，可以从代码块的顶部和底部移除额外的间距。
Post adding this css this is the result
1.或者，您也可以将display：flex给予给pre标记
Post adding display: flex css this is the result的