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

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

效果如图：

可以看到文字是紧贴上边界的。。

要实现垂直居中还要加入如下代码：

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

总添加代码如图

效果完成：