微信小程序 view中多个text垂直居中

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; /**子元素上下排列*/

}