white-space、wrod-wrap、wrod-break区别

1、white-space 处理空白符

• nowrap：文本不换行
• pre：空白会被浏览器保留，行为方式类似<pre>标签
• pre-wrap：保留空白符序列，但是正常换行
• pre-line：合并空白符序列，但是保留换行符
• normal：默认。空白被浏览器忽略
• inherit：继承父元素该属性的值

注：空白符是指空格符' '、水平制表符'\t'、垂直制表符'\v'、换行符'\n'、回车符'\r'之类的字符

2、wrod-wrap 允许长单词换行到下一行

• break-wrod：在长单词或URL地址内部进行换行
• normal：默认

3、wrod-break 单词断点

• break-all：允许字单词内换行
• keep-all：只能在半角空格或连字符处换行
• normol：默认