简单理解一下word-wrap、word-break和white-space的区别，如果下移的单词长度仍然超过容器的宽度，就会溢出word-wrap。断句后的词与上述规则断词相同。在上面的情况下，当一个长单词被移动到下一行时，第一行就会有一定的空闲空间，这是一种资源浪费。所以通过设置word-break:break-all，长词不会移到下一行，直接在当前行断句换新。white-space作用于空格和回车，用于控制是否合并空格，回车是否可以换行，句子是否太长不能在空格处换行，常用不同的值：normal：default。空白被浏览器忽略。pre:空白将被浏览器保留。它的行为类似于HTML中的
标签。nowrap：文本不会换行，文本会在同一行继续，直到遇到
标签。pre-wrap：保留空白序列，但正常换行。pre-line：合并空白序列，但保留换行符。inherit：指定white-space属性的值应该从父元素继承。参考文章你真的了解word-wrap和word-break的区别吗？white-space,word-wrap和word-break的区别