word-break 与 word-warp

　　MDN对两者定义如下：

　　word-break： 指定了怎样在单词内换行。

　   word-wrap： 当一个不能被分开的字符串太长，而不能填充其包裹盒子时，为防止溢出，浏览器是否是否允许这样的单词中断换行。

　　CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现在被当作 overflow-wrap 的 “别名”。

　　 word-break语法：

word-break: normal 
word-break: break-all // 对于non-CJK (CJK 指中文/日文/韩文) 文本，可在任意字符间断行
word-break: keep-all  // CJK 文本不断行。 Non-CJK 文本表现同 normal。

　　 word-wrap语法：

/* Keyword values */
overflow-wrap: normal;
overflow-wrap: break-word; //表示如果行内没有多余的地方容纳该单词到结尾，则那些正常的不能被被分割的单词会被强制分割换行

　　如果你不小心将两者都写上了，则会按照  word-break:break-all 标准来执行。

　　word-break:break-all 与 word-warp:break-word 所有的都会换行，包括一点点缝隙。

　　但是 word-warp:break-word 会让阅读起来稍微顺畅点，但是会出现许多莫名的空白。

　　效果如下图：