flex-shrink 属性指定了 flex 元素的收缩规则
flex-shrink-MDN 相关文档:
flex-shrink
解决方案:flex-shrink: 0;
<view class="box">
<view class="content">1内容内容内容内容内容内容内容内容</view>
<view class="content">2内容内容内容内容内容内容内容内容</view>
<view class="content">3内容内容内容内容内容内容内容内容</view>
</view>
.box {
display: flex;
.content {
display: flex;
justify-content: center;
align-items: center;
margin-right: 30rpx;
flex-shrink: 0;
}
}