word-wrap和word-break的区别

当一个长单词超过容器宽度时,如果不断句则会溢出容器,如下:

遇到这种情况,就需要断句,使用word-wrap:break-word和word-break:break-all都能达到断句的效果,两者有啥区别,看图:

word-break:break-all正如其名字,所有的都换行。毫不留情,一点空隙都不放过。

word-wrap:break-word则不同,如果一行文字中有可以用作换行的点,如空格,或CJK(Chinese/Japanese/Korean)(中文/日文/韩文)之类的,则就不打英文单词或字符的主意了,让这些换行点换行,至于对不对齐,好不好看,则不关心。

posted @ 2022-04-01 16:51  我是格鲁特  阅读(194)  评论(0编辑  收藏  举报