如上图所示，word-wrap 在谷歌浏览器中显示失效，并且无法实现其效果。
但是在火狐中却是没问题的
查了一下 can i use 发现 word-wrap 属性原本属于微软的一个私有属性，在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap。
然后换成overflow-wrap 之后，发现是可以实现的。
当然也可以两个属性一起写，反正有个会被干掉。
可以看一下浏览器的支持情况：
查阅相关文档说明：
但是，现在大多数博客都在用word-wrap传道授业，先前本人也是参考其他博客的，直到出现了这个问题，才有幸了解相关知识。
希望大家引以为戒，尽量走出思维定势，积极探索，别人写的博客不一定是对的， 实践才是检验真理的唯一标准。