解决方法
给div设置flex-shrink: 0表明不改变原始宽度,只针对中文。英文请参考css的word-wrap换行设置
错误如图
错误的代码是:
<div class="form-item"> <div class="form-label">缴费项目:</div> <div class="form-value"> 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 </div> </div> .form-item { margin-bottom: 0.5rem; display: flex; } .form-label { color: #7f8081; width: 4.0625rem; } .form-value { font-family: 'PingFangSC-Regular'; color: #202121; }
正确代码css
.form-label { color: #7f8081; width: 4.0625rem;
flex-shrink:0;//表明正确换行 }
标签:flex,中文,挤压,form,color,啊啊啊,rem,div From: https://www.cnblogs.com/liuXiaoDi/p/17049012.html