我在网页上有一组预标记.这些前置标签默认高度为60px,我不知道它们是从哪里来的.

这是有问题的页面-https://dsabyte.com/blog/engineering/programming/java-script/Sleep-Function-In-JavaScript--AsyncSync-47b91c1e-8d39-4993-bd7a-a2d12ae11a3e#gRNOP0dVww

enter image description here

我删除了pre标记的所有子元素,但pre标记的高度仍为60px. 然后,在我删除类名和内联样式以查看效果后,仍然是pre个标签,高度仍然是60px.下面是相同的屏幕截图...

dsabyte

我还try 查看右侧的类和css,但找不到任何可能导致此问题的东西.

有人能帮帮我吗?

提前谢谢!

编辑

下面是应用于pre标签的内联CSS

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

推荐答案

Pre标记也呈现空格,您可以使用css属性whitespace来确保在表示时修剪空格.

  1. 例如,在本例中,将whitespace:preline指定为pretag会删除代码块顶部和底部的多余空格.

Post adding this css this is the result

  1. 或者你可以只给display:Flex to Pre Tag

Post adding display: flex css this is the result

Html相关问答推荐

为什么从输入步骤中的扣减不能按预期进行?

损坏的可点击html邮箱签名

让多对图像在各自的div中叠加

如何将内容元素放在侧边栏旁边?

在弹性框布局中的第n个元素后强制换行

我正在try 向列表中的图像添加悬停,以放大图像并将div的不透明度设置为1而不是0

使用CSS Flexbox时,我的图像未对齐

文本幻灯片显示动画

如何在VB.NET中用打印预览和直接打印的方式在Html中打印数据表的内容,包括页眉/设置纸张/方向/适合页面/总计

如何使div填充父项的剩余高度

在TWebLabel标题中设置换行符/换行符的方法?

使用bash从html表格中提取表格

SVG的动态CSS

如何使元素具有粘性

Tailwind 网格行高度可防止拉伸到最高行的所有相同高度

当我将有序列表居中时,数字会跑到列表的另一行

a with