css中word-break、word-wrap和white-space的区别

https://baijiahao.baidu.com/s?id=1578623236521030997&wfr=spider&for=pc

 

总结：

1.white-space主要是用来处理元素内文本的空白符、换行符以及是否允许折行。   注：CJK指的是中文、日文、韩文三国文字的缩写（应该包含多种亚洲文字）

2.word-wrap用来标明是否允许浏览器在整句内进行断句，为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象,主要用来设置非CJK文本是否折行（因为CJK文本会自动折行），如果空间足够，不会对单词内部进行截断只会对整个单词进行换行。

3.word-break同样主要用来设置非CJK文本是否折行，但是会对单词内部进行截断。

keep-all只能在半角空格或连字符处换行