小程序scroll-view中为什么flex无效?

设置justify-content: space-between;后没有两边对齐 而是靠在一起的
image.png

<scroll-view scroll-y="true" class="sc">
        <view class="item" style="width: 310rpx;min-height: 200rpx;" wx:for="{{goodsList}}">
            <image style="width: 310rpx;height:200rpx;" src="{{item.logo}}"></image>
</scroll-view>
.sc{
  width: 100%;
  height: calc(100vh - 220rpx);
  display: flex;
  box-sizing: border-box;
  padding: 20rpx 30rpx;
  justify-content: space-between;
}
.item{
  display: inline-flex;
}
阅读 2.1k
1 个回答

在scroll-view中加入enable-flex={{true}}即可

推荐问题