word-break:break-all和word-wrap:break-word的区别
- white-space 处理换行符，处理段落空白空格等，是字符是否换行显示的
- white-space属性指定元素内的空白怎样处理。
| 值 |
描述 |
| normal |
默认。空白会被浏览器忽略。 |
| pre |
空白会被浏览器保留。其行为方式类似 HTML 中的 标签。 |
| nowrap |
文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。 |
| pre-wrap |
保留空白符序列，但是正常地进行换行。 |
| pre-line |
合并空白符序列，但是保留换行符。 |
| inherit |
规定应该从父元素继承 white-space 属性的值。 |
- word-break 换行
- word-break属性指定非CJK脚本的断行规则。
| 值 |
描述 |
| normal |
使用浏览器默认的换行规则。 |
| break-all |
允许在单词内换行。 |
| keep-all |
只能在半角空格或连字符处换行。 |
- word-wrap 强制换行
- word-wrap属性允许长的内容可以自动换行。
| 值 |
描述 |
| normal |
只在允许的断字点换行（浏览器保持默认处理）。 |
| break-word |
在长单词或 URL 地址内部进行换行。 |
