css文字圖片垂直居中

<view class="" style="color:#F9C356;text-align:center;margin-top:10rpx;font-size: 32rpx;">
        <text style="vertical-align:middle;">預計1個 </text>
        <image src="../../images/yure/gold2.png" style="width:50rpx;height:50rpx;vertical-align: middle;"></image>
        <text style="vertical-align:middle;"> 每週可分 1.00￥</text>
</view>

圖片和文字都需要設置樣式：vertical-align: middle;才能保證垂直居中（代碼是小程序，view換成div,image換成img就可以了）