比较word-wrap属性与word-break属性的区别，并通过示例加以验证。

Question

比较word-wrap属性与word-break属性的区别，并通过示例加以验证。

Answer 1

word-wrap 是CSS3新增加的属性，该属性允许超过容器的长单词换行到下一行，它的取值为normal和break-word，默认值为normal，表示只在允许的断字点换行，break-word表示在长单词或 URL 地址内部进行换行。

word-break 是CSS3新加的属性，用来处理如何自动换行。它的取值为normal、break-all和keep-all。默认值为normal，表示使用浏览器默认的换行规则，break-all表示允许在单词内换行，keep-all表示只能在半角空格或连字符处换行。