微信小程序中怎么让图片居中
小程序中让图片居中主要是写wxss(css)样式来实现，实现方式是设置父组件display为flexbox，并添加justify-content: center;和align-items:center;让元素在水平方向和垂直方向居中即可。
推荐学习：小程序开发
具体实现方式如下：
1、首先编写wxml文件，添加一张图片
<view class='imagesize'> <image src="/images/2.png" class='in-image' > </image> </view>
2、然后编写wxss文件，给图片及其父元素添加样式
page{
height:100%
}
.imagesize{
display:flex; //flex布局
justify-content: center; //水平轴线居中
align-items:center; //垂直居中
}
.imagesize image {
width:400rpx;
height:400rpx;
} 如果您的问题还未解决可以联系站长付费协助。
有问题可以加入技术QQ群一起交流学习
本站vip会员 请加入无忧模板网 VIP群（50604020） PS:加入时备注用户名或昵称
普通注册会员或访客 请加入无忧模板网 技术交流群（50604130）
客服微信号：15898888535
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若内容侵犯了原著者的合法权益，可联系站长删除。
