微信小程序上下垂直居中

在需要居中的文字的父容器中设置如下样式

.header{
  display: flex;
  align-items: center;
}

效果如下

设置后 VS 设置前

如需设置水平居中则

  justify-content: center;