1、word-wrap
word-wrap:normal | break-word;
这里设置的是文本内容换行
normal:默认值,当一行剩余空间无法容纳下一个字(英文是指单词)时,会换行
break-word:针对英文的文本,这个值可以让一个单词拆分开来换行。
2、word-break
word-break:normal | break-all | keep-all
决定单词是否柴拆分换行。
normal:不拆分单词
break-all:拆分单词
keep-all:英文单词不拆分,中文文本不换行
3、text-overflow
text-overflow: clip | ellipsis
处理文本溢出
clip:不显示省略符(…)
ellipsis:显示省略标记(…),但是要跟overflow:hidden搭配起来使用
4、white-space
white-space: normal | pre | nowrap
normal:默认值,空白会被忽略
pre:空白符,换行符等会被保留
nowrap:文本不会换行