html中啥标签可以让标签内的文字自动换行

Posted 2023-03-20

参考技术A <style type=text/css>
white-space:normal
</style>
就可以了，谢谢大神！ 参考技术B 　　white-space
　　通过html文档的源代码的排版方式控制页面显示文本的排版方式
　　如下：
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
pre: 保持HTML源代码的空格与换行,等同与pre标签。
nowrap: 强制文本在一行,除非遇到br换行标签 。
pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行 。
pre-line: 同pre属性,但是遇到连续空格会被看作一个空格。

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

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

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

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

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