word-break&word-wrap

word-break:

word-break: normal;

word-break: keep-all;

 

 

word-break: break-all；

一行放不下的时候就直接强制断句

 

 

word-wrap:

 

word-wrap:break-word;

先另起一个行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句

 

 

 

word-wrap:normal;

 

 

word-wrap:break-word与word-break:break-all共同点是都能把长单词强行断句，不同点是word-wrap:break-word会先另起一行来放置长单词，新的一行还是放不下这个长单词则会对长单词进行强制断句；而word-break:break-all则不会把长单词放在新的一行里，当当前行放不下的时候就直接强制断句了。