收藏
回答

scroll-view中使用flex会失效吗?

如代码所示 设置justify-content: space-between后并没有两边对齐 两个元素还是挤在一起的 这是怎么回事?


<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>
        </view>
</scroll-view>

.sc{
  width100%;
  height: calc(100vh - 220rpx);
  display: flex;
  box-sizing: border-box;
  padding: 20rpx 30rpx;
  justify-content: space-between;
}
.item{
  display: inline-flex;
}

回答关注问题邀请回答
收藏

1 个回答

  • 茜茜又困了🐽
    茜茜又困了🐽
    2022-08-09

    不要直接给scroll-view设置flex布局,在.item的view外部再包一层view,宽度设置100%,给该view设置flex布局即可

    2022-08-09
    有用 1
    回复
登录 后发表内容