微信小程序view居中

.wxml

<view class='text_align' >水平居中</view>
<view class='line_height' >垂直居中</view>
<view class='center' >水平居中||垂直居中</view>


.wxss

.text_align{
width: 350rpx;
height: 350rpx;
background-color: gray;
text-align: center; /** 水平居中 **/
}

.line_height{
width: 350rpx;
height: 350rpx;
background-color: orange;
line-height: 350rpx; /** 垂直居中 **/
}

.center{
width: 350rpx;
height: 350rpx;
background-color: brown;
line-height: 350rpx; /** 垂直居中 **/
text-align: center; /** 水平居中 **/
}

转载于:https://www.cnblogs.com/lsyy2017/p/11461551.html