下面以table中td的内容超出为例说明：
首先：
td {
display: block;
}
然后：给td设置css样式：
1. td {
word-wrap: break-word;
}
2. td {
overflow-wrap: break-word;
}
以上两种样式都可以
一、设置之前
td中的内容超出边框
二、设置之后
三、总结
两种写法的效果是相同的，略有不同在于：
因为word-wrap这个属性最初是由微软发明的，所以，所有的浏览器都支持这个属性。
尽管有所有的浏览器都支持，但W3C决定要用overflow-wrap替换word-wrap，我想可能是他们认为word-wrap用词不当。overflow-wrap跟word-wrap具有相同的属性值，但现在，word-wrap被当作overflow-wrap的备选写法。
虽然已经有不少的浏览器支持overflow-wrap这种写法，但看起来没必要使用overflow-wrap来让老的浏览器不支持。所有的浏览器都会继续支持word-wrap这种写法。