屬性
▋ 水平方向
justify-content：

flex-start：左對齊；
flex-end ：右對齊；
center ：居中對齊；

space-between：水平方向平均分佈（如下圖）；

space-around：中心點向兩邊方向均勻分佈（如下圖）；

▋ 垂直方向
align-items：
flex-start：頂部對齊；


flex-end： 底部對齊；

▋ 浮動方向
flex-direction：
row-reverse：水平方向 靠右側從右到左排列；

column：垂直方向 從頂部到底部；

▋ 浮動順序
order：#（整數，可正可負，控制元素的排列順序）

▋ 控制單個元素的垂直方向的對齊方式，類似於align-items
align-self：
flex-start；
flex-end；
center；