flex布局，中文溢出自动换行，英文溢出不换行_vue flex 中文英文换行

作者：羊村懒王 | 2024-03-14 13:51:05

踩

vue flex 中文英文换行

最近做项目遇到使用flex布局时，中文溢出会自动换行，而英文溢出不换行，后来发现需要添加word-break: break-all;或者word-wrap:break-word;就能让英文换行

word-break: break-all与word-wrap:break-word区别：

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

参考链接：你真的了解word-wrap和word-break的区别吗？ - 无双 - 博客园

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/234944

flex布局，中文溢出自动换行，英文溢出不换行_vue flex 中文 英文 换行

word-break: break-all与word-wrap:break-word区别：

flex布局，中文溢出自动换行，英文溢出不换行_vue flex 中文英文换行