微信小程序图片上下有等值空白问题

表现如下：

<view class='article-list'> <block wx:for="{{list}}" wx:for-index="idx" wx:key="{{idx}}" wx:for-item="vo"> <view class='item-box'> <image src='{{avatar_url}}' mode='aspectFit'></image> <view>fsfsafasfasf</view> <view> <text>2019-01-01</text> <text>99次浏览</text> </view> </view> </block> </view> .item-box { width: 50%; display: flex; flex-direction: column; } .item-box > image { width: 100%; vertical-align: center; }

翻了下文档，把image标签mode改成widthFix就好使了