flex布局時的居中問題

flex-direction: column，元素豎行顯示，主軸的位置會變換，橫軸豎軸互換，設置水平居中需要行排列時的垂直居中

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

設置容器內部元素的排列方向 
row: 定義排列方向 從左到右 
row-reverse: 從右到左
column: 從上到下
column-reverse: 從下到上