文本换行设置
word-wrap
word-wrap:normal | break-word;
-
normal：默认值，当一行剩余空间无法容纳下一个字（英文是指单词）时，会换行
-
break-word：针对英文的文本，这个值可以让一个单词拆分开来换行。
word-break
word-break:normal | break-all | keep-all
-
normal：不拆分单词
-
break-all：拆分单词
-
keep-all：英文单词不拆分，中文文本不换行
text-overflow
text-overflow: clip | ellipsis
- clip：不显示省略符（…）
- ellipsis：显示省略标记（…），但是要跟overflow:hidden搭配起来使用
white-space
white-space: normal | pre | nowrap
-
normal：默认值，空白会被忽略
-
pre：空白符，换行符等会被保留
-
nowrap：文本不会换行
也可以用来控制内联元素的换行
在CSS中，内联元素可以被视为类似于文本的元素。由于内联元素默认不会换行，它们会在一行上显示，并且只占据其内容所需的空间。这使得内联元素可以与文本混合在一起，形成连续的文本流。