微信小程序 view中多个text垂直居中
2019-01-17 本文已影响0人
有备而来的王
1.wxml
<view class='content'>
<view class='content_son'>
<text>第一行文字</text>
<text>第二行文字</text>
<text>第三行文字</text>
</view>
</view>
2.wxss
.content{
display: flex; /*设置显示样式**/
align-items: center; /**子view垂直居中*/
height: 150rpx;
}
.content_son{
display: flex;
flex-direction: column; /**子元素上下排列*/
}
