首页 > 技术文章 > 微信小程序view居中

lsyy2017 2019-09-04 21:25 原文


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

推荐阅读