摘要
小程序中讓圖片居中主要是寫wxss樣式來實現微信小程序 flex布局,實現方式是設置父組件為,并添加-:和align-items:來讓圖片在水平方向和垂直方向居中顯示。
微信小程序中怎么讓圖片居中
小程序中讓圖片居中主要是寫wxss(css)樣式來實現,實現方式是設置父組件為微信小程序 flex布局,并添加-: ;和align-items:;讓元素在水平方向和垂直方向居中即可。
推薦學習:小程序開發
具體實現方式如下:
1、首先編寫wxml文件,添加一張圖片
2、然后編寫wxss文件,給圖片及其父元素添加樣式
page{height:100% } .imagesize{ display:flex; //flex布局
justify-content: center; //水平軸線居中 align-items:center; //垂直居中 } .imagesize image {
width:400rpx; height:400rpx; }
3、效果如下
我們,大量教程,歡迎學習!