本文主要包含word-wrap,word-break等相关知识,佚名 希望在学习及工作中可以帮助到您
一、浏览器默认处理文本换行
现在的浏览器对文本的换行处理还是比较合理的，当文字超过容器宽度时会自动换行，那么它是怎么自动换行的呢？即：当一行的末尾容纳不下下一个文字或单词时，就会自动换行，
英文单词不会被截断，相当于一段默认的css:
二、break-word属性值
当然在网页排版中也会遇到一些特殊情况，例如：某个单词(某品牌的英文名称)够长，而容器宽度较小以至于容纳不下，那么单词就会溢出容器，你可能就会想到下面一段css代码：
PS：我觉得这样处理并不合理，因为一个完整单词被拆分开了显示(就像汉字也不能拆分一样，特殊情况除外)，
除了用上一行代码进行处理，我们是否可以考虑让容器宽度变长来展示文字，这样是否更合理些呢？
三、break-all属性值
还有另外一个关于文本断行的css属性值break-all：
PS：浏览器对文本的自动换行处理已经够好了，使用该属性缺点同2，并不赞成使用。