图片文字对齐 图片文字居中对齐

方法一:  用 vertical-align: middle;

<view class="container">

  <view class="search">
    <image src="../../images/icon/search.png" alt="" />
    <text class="tex">搜索</text>
  </view>

</view>

.search {
  height: 50rpx;
  border: 1px solid red;
  text-align: center;
  background-color: rgb(245, 245, 248);
  border-radius: 10rpx;
}

.search image {
  width: 30rpx;
  height: 30rpx;
  vertical-align: middle;
}

.search .tex {
  font-size: 24rpx;
  color: #999;
  margin-left: 10rpx;
}

方法二:  弹性