图片文字上下居中

最新推荐文章于 2022-07-29 17:59:16 发布

持之以恒璃

最新推荐文章于 2022-07-29 17:59:16 发布

阅读量222

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/weixin_44676551/article/details/103289252

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

图片文字上下居中

在这里插入图片描述
`html

  <view class="flex-1 xuanzhenavcontli {{mode == 1?'active':''}}" data-mode="1" bindtap="selectmode">
  <image src="{{mode == 1?'/image/mendian.png':'/image/mendian1.png'}}"class="mg"></image>
     <view class="fangshi">门店回收</view>
  </view>

css`
.xuanzhenavcontli {
height: 50px;
background: rgba(247, 247, 247, 1);
opacity: 1;
border-radius: 5px;
color: #ccc;
position: relative;
display: flex;
background: #f5f5f5;
justify-content: center;
}

.xuanzhenavcontli .mg {
width: 22px;
height: 22px;
margin-top: 5px;
/* position: absolute; // top:20%; // left:38%; */
}

.xuanzhenavcontli .fangshi {
position: absolute;
margin-top: 10px;

}