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

Question

MDN说code是一个内联元素，我认为应该在一行不能容纳时将其换行换行

但是我的html

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

为什么不自动换行？

如果我在代码标签中添加以下CSS

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

有效。

代码标签现在具有滚动条

重复我的问题

为什么代码标记（内联元素）不能自动换行？

我尝试了很多方法，但是不起作用

Answer 1

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