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

图片文字对齐 图片文字居中对齐_第1张图片

方法一:  用 vertical-align: middle;



  
    
    搜索
  

.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;
}

方法二:  弹性

你可能感兴趣的:(css,java,前端,javascript)