felx布局中,左边元素有宽度,右边为flex:1;当右边元素过多的时候,会发生挤压左边盒子,把左边盒子的宽度挤压变小;
解决方法:
flex-basis: 宽度;
flex-shrink: 0;
.formBox {
display: flex;
justify-content: space-between;
align-items: center;
.form-label {
width: 210rpx;
flex-basis: 210rpx;
flex-shrink: 0;
}
.form-input {
flex: 1;
height: 100%;
text-align: right;
}
}