微信小程序 view文字水平垂直居中

刚开始使用text-align: center;发现只能实现水平居中
效果如图：

可以看到文字是紧贴上边界的。。
要实现垂直居中还要加入如下代码：

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

总添加代码如图

效果完成：