本文主要是介绍【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题:设置了word-break: break-all;和flex: 1;冲突flex不生效问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
flex布局中英文字符超出宽度不会自动折行的问题,但是设置了word-break: break-all;前面设置的flex: 1;就不生效了
1.英文字母不换行问题
.view_text {word-break: break-all;
}
如果使用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;
}
这篇关于【微信小程序】英文字母不换行问题 flex布局字符超出宽度折行问题:设置了word-break: break-all;和flex: 1;冲突flex不生效问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!