.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; /** 水平居中 **/

}