來讓我們先看看默認的主軸和側(cè)軸方向

• 主軸起點 Main Start

• 主軸終點 Main End

• 主軸方向 Main Direction (有時候也成為伸縮流方向 Flow Direction)

• 側(cè)軸起點 Cross Start

• 側(cè)軸終點 Cross End

• 側(cè)軸方向 Cross Direction

• row-reverse: 主軸起點和主軸終點交換。如果書寫模式是從左至右，伸縮項目則是從右往左顯示。

• column: 主軸和側(cè)軸交換。如果書寫系統(tǒng)是垂直的，那么伸縮項目也是垂直顯示的。

• column-reverse: 和 column 一樣，但是方向相反。

當你設(shè)置column屬性的時候，其主軸變換成垂直的而伸縮容器的 justify-content 屬性用于調(diào)整主軸上伸縮項目的位置，所以就可以解釋column為什么用justify-content來對齊。

http://c7sky.com/dive-into-flexbox.html以上來自此網(wǎng)站有興趣的同學可以看看，