微信小程序中怎么讓圖片居中
小程序中讓圖片居中主要是寫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
聲明：本站所有文章資源內容，如無特殊說明或標注，均為采集網絡資源。如若內容侵犯了原著者的合法權益，可聯系站長刪除。
