word-wrap和word-break的区别
当一个长单词超过容器宽度时,如果不断句则会溢出容器,如下:
遇到这种情况,就需要断句,使用word-wrap:break-word和word-break:break-all都能达到断句的效果,两者有啥区别,看图:
word-break:break-all
正如其名字,所有的都换行。毫不留情,一点空隙都不放过。
word-wrap:break-word
则不同,如果一行文字中有可以用作换行的点,如空格,或CJK(Chinese/Japanese/Korean)(中文/日文/韩文)之类的,则就不打英文单词或字符的主意了,让这些换行点换行,至于对不对齐,好不好看,则不关心。