怎么让DIV里面的文字自动换行

Posted 2023-04-02

这些文字过多然后把div和网页都撑开了

参考技术A <div style='width: 100px;display:block;word-break: break-all;word-wrap: break-word;'>
加上这些css试试本回答被提问者采纳 参考技术B 直接设置div的宽度后就是默认自动换行了。

div标签内的文本会自动换行,span则不会。

参考技术A 首先，你要理解css的块级元素和内联元素，以及它们的区别。（这个知识点你自己百度找篇文章看下应该就明白了）
div是块级元素，span是内联元素。

其次，中文的排版和英文的排版是不一样的，英文需要手动处理换行。你可以将一串英文字母放在div里尝试一下，它是不会自动换行的。

div块级元素，有宽高限制，中文会自动换行。

span内联元素，没有宽高限制（即便你给它设置了宽高），不会自动换行。
但是如果你通过 display:block 将span标签转为块级元素，那么你给它设置宽高就会生效，那么它也会自动换行。