微信小程序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; /** 水平居中 **/

}