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 @   我是格鲁特  阅读(221)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示