1.主軸起點(diǎn) -> main start 主軸終點(diǎn) -> main end 主軸的長度 -> main size
交叉軸起點(diǎn)-> cross start 交叉軸終點(diǎn)-> cross end 交叉軸的長度-> cross size

2.一般來說，主軸的長度是從左到右的，交叉軸的長度是從上到下的，但是我們可以通過flex-direction控制它們的方向

flex-direction方向的屬性
row                     從左到右的水平方向?yàn)橹鬏S
row-reverse        從右到左的水平方向?yàn)橹鬏S
column                從上到下的垂直方向?yàn)榻徊孑S
column-reverse   從下到上的垂直方向?yàn)榻徊孑S

3.對齊方式
justify-content屬性,通過定義子元素在主軸上的對齊方式來指明對齊方式
align-items屬性,通過定義子元素在交叉軸上的對齊方式來指明對齊方式

 justify-content 屬性
 flex-start   默認(rèn)值,按照主軸起點(diǎn)對齊
 flex-end    按照主軸結(jié)束點(diǎn)對齊
 center       在主軸居中對齊
 space-between 兩端對齊,除了兩端的子元素分別靠向兩端的容器之外，其他子元素之間的間隔相等。
 space-around  每個子元素之間的距離相等，兩端的子元素距離容器的距離也和其他子元素之間的距離相等

align-items屬性類似