flex布局时的居中问题

flex布局时的居中问题

flex-direction: column，元素竖行显示，主轴的位置会变换，横轴竖轴互换，设置水平居中需要行排列时的垂直居中

align-items: center;会使元素水平居中，justify-content: center;则会使元素垂直居中

设置容器内部元素的排列方向 
row: 定义排列方向 从左到右 
row-reverse: 从右到左
column: 从上到下
column-reverse: 从下到上