flex-direction: column,元素竖行显示,主轴的位置会变换,横轴竖轴互换,设置水平居中需要行排列时的垂直居中
align-items: center;会使元素水平居中,justify-content: center;则会使元素垂直居中
设置容器内部元素的排列方向 row: 定义排列方向 从左到右 row-reverse: 从右到左 column: 从上到下 column-reverse: 从下到上