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

时间：2018-12-03 14:14:00

标签： css

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

但是我的html

enter image description here

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

为什么不自动换行？

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

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

有效。

enter image description here

代码标签现在具有滚动条

重复我的问题

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

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

1 个答案:

答案 0 :(得分：1)

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

相关问题
最新问题