微信小程序div 标签内实现垂直居中

Posted 嘻嘻的妙妙屋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序div 标签内实现垂直居中相关的知识,希望对你有一定的参考价值。

效果


代码

index.wxml

 <van-button class="btn" size="large" type="primary" bind:tap="getUserInfo">
   <div style="display: flex; flex-direction: row; justify-content: space-around;">
     <image src="../../images/wechat.png" style="width: 40rpx; height: 40rpx; margin-right: 10rpx;" />
     <p>微信授权登录</p>
   </div>
 </van-button>

以上是关于微信小程序div 标签内实现垂直居中的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 view文字水平垂直居中

微信小程序中如何实现view标签中的图片居中显示,或者view居中?

微信小程序文字水平垂直居中对齐问题

微信小程序 view中的image水平垂直居中

微信小程序 view中的image水平垂直居中

微信小程序:图片与文字无法居中 最后解决的方法是——