每日前端
大道至简

微信小程序设置flex-basis无效

记录一下,在微信小程序设置flex-basis: 100rpx;无效,需要设置为flex: 0 0 100rpx;

wxml:
<view class=’child1′></view>
<view class=’child2′></view>
<view class=’child3′></view>
</view>

 

wxss这样无效:

.parent { display: flex; }
.child1 { flex-basis: 100rpx; }
.child1 { flex-basis: 200rpx; }
.child3 { flex-grow: 1; }

要改成这样:

.child1 { flex: 0 0 100rpx; }
.child2 { flex: 0 0 200rpx; }

未经允许不得转载:每日前端 » 微信小程序设置flex-basis无效
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

一个更全的前端开发资源库

立即前往