【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题：设置了word-break: break-all；和flex: 1；冲突flex不生效问题_微信小程序开发 英文换行不截断单词

flex布局中英文字符超出宽度不会自动折行的问题，但是设置了word-break: break-all；前面设置的flex: 1；就不生效了

1.英文字母不换行问题

.view_text {
    word-break: break-all;
}
1
2
3

如果使用flex仅仅设置word-break: break-all；是会影响flex: 1；这种情况就需要设置一个 min-width: 0;即可解决

2.flex布局字符超出宽度折行，设置了word-break: break-all；和flex: 1；冲突flex不生效问题

.view_text {
    flex: 1;
    min-width: 0;
    word-break: break-all;
}
1
2
3
4
5