详解 word-break、word-wrap、overflow-wrap、white-space

CJK 表示 中/日/韩 文字，
Non-CJK 表示非 中/日/韩 文字。
Boundary / B 表示单词（或字）边界，Middle / M 表示单词间

word-break

word-break 指定怎样在单词内断行。
提供了以下4个枚举值：
normal
break-all
keep-all
break-word（non-standard）
CJK
B
B & M
B
？
Non-CJK
B
B
B

word-wrap / overflow-wrap

word-wrap / overflow-wrap 指定当一个单词太长、溢出了容器时该如何表现。 word-wrap 原本是微软为IE浏览器定制的属性，现在 CSS3 以 overflow-wrap 规范了该属性， 但 word-wrap 依旧作为别名保留。
该属性提供以下 2 个枚举值：

white-space

white-space 指定如何来处理空白字符，空白字符包括 空格、换行、制表。
该属性提供以下 5 个枚举值： 下边一一讲解。

normal nowrap pre pre-wrap pre-line

normal 连续的空白符会被合并，换行符会被当作空白符来处理。填充line盒子时，必要的话会换行

Let's to learn White-space. Next we have 3 New-Lines bellow:^ $ and 3 Tabs^ $And a BR tag^
$ here. Yeah, Here is the end.
This box is with width of 100px. And there is a very loooooooooooooooooooooooooooooooooooooo哈哈oooooooooooooooooooooooooooooooooooooong word.