flex布局时的居中问题
flex-direction: column，元素竖行显示，主轴的位置会变换，横轴竖轴互换，设置水平居中需要行排列时的垂直居中
align-items: center;会使元素水平居中，justify-content: center;则会使元素垂直居中
设置容器内部元素的排列方向 row: 定义排列方向 从左到右 row-reverse: 从右到左 column: 从上到下 column-reverse: 从下到上
来源：https://www.cnblogs.com/wo1ow1ow1/p/11833755.html