【微信小程序】文字怎么垂直居中

wxml:

<view class="student"> 
<text>学生</text>
</view>

wxss:

.student{
  background-color: green;
  width: 20%;
  height: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

注意，只要着三姐妹在一起就可以达到垂直居中的效果了，缺一不可

display: flex;
justify-content: center;
align-items: center;