小程序页面字怎么和图片对齐 微信小程序文字对齐

文章摘要：小程序页面字怎么和图片对齐 微信小程序文字对齐

小程序页面字和图片对齐的方法： 案例代码： 在wxml页面文件中添加以下代码： <view c […]

小程序页面字和图片对齐的方法：

案例代码：

在wxml页面文件中添加以下代码：

<view class='setting' bindtap='jumpLogin'>

<image class='btnImg' src='../image/setting.png' style="width:40rpx;height:40rpx;"></image>

<text style="font-size:0.8rem;color:#0AAAF6">切换账号</text>

</view>

在wxss样式文件中添加以下代码：

.setting{

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: center;

}