gpt4 book ai didi

css - 代码标签不自动包装内容,宽度已超过父级的宽度

转载 作者:行者123 更新时间:2023-11-28 11:55:46 25 4
gpt4 key购买 nike

MDN说code是一个内联元素,我觉得当一行放不下的时候应该换行

但是我的html

enter image description here

chaochaogege.com/filecatcher/common/宽度已经超出父元素

为什么不自动换行?

如果我将以下 css 添加到代码标签

code{
display: inline-block;
width:100%;
overflow: auto;
}

有效。

enter image description here

代码标签现在有滚动条了

重复我的问题

为什么代码标签(内联元素)不自动换行?

试了很多方法,都不行

最佳答案

在 css 中使用 word-wrap : break-word

关于css - 代码标签不自动包装内容,宽度已超过父级的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53595601/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com