flex图片垂直居中

html

<view class="person_info_more">
    <image class="more" src="/images/common/more_gray.png" />
</view>

css

.person_info_more {
    display: flex;
    align-items: center; /*垂直居中*/
    justify-content: center; /*水平居中*/
    .more {
        width: 14rpx;
        height: 24rpx;
    }
}

来源：oschina

链接：https://my.oschina.net/u/4410144/blog/4284975