justify-content: center无效

临危受命，N久没有碰小程序了，我只好拿起我半吊子的小程序开始干活！

我的代码如下：

  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: 100%;

想实现的是一个水平和垂直方向都居中的效果，如下：

可一直都只能通过align-items: center;实现水平居中，垂直居中的justify-content: space-around;不生效！网上的方法试了一些都没有效果，最好忘了在哪里看到的了，需要设置page的高度就可以了

page{
  height: 100%;
}

记录一下，免得时间长不写小程序又忘了