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

Question

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

但是我的html

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

为什么不自动换行？

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

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

有效。

代码标签现在有滚动条了

重复我的问题

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

试了很多方法，都不行

Answer 1

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