項(xiàng)目移動并不是簡單的垂直對其和水平對其,他是根據(jù)主軸方向來的。
來讓我們先看看默認(rèn)的主軸和側(cè)軸方向
主軸起點(diǎn) Main Start
主軸終點(diǎn) Main End
主軸方向 Main Direction (有時候也成為伸縮流方向 Flow Direction)
側(cè)軸起點(diǎn) Cross Start
側(cè)軸終點(diǎn) Cross End
側(cè)軸方向 Cross Direction
row-reverse: 主軸起點(diǎn)和主軸終點(diǎn)交換。如果書寫模式是從左至右,伸縮項(xiàng)目則是從右往左顯示。
column: 主軸和側(cè)軸交換。如果書寫系統(tǒng)是垂直的,那么伸縮項(xiàng)目也是垂直顯示的。
column-reverse: 和 column 一樣,但是方向相反。
當(dāng)你設(shè)置column屬性的時候,其主軸變換成垂直的而伸縮容器的 justify-content 屬性用于調(diào)整主軸上伸縮項(xiàng)目的位置,所以就可以解釋column為什么用justify-content來對齊。
http://c7sky.com/dive-into-flexbox.html以上來自此網(wǎng)站有興趣的同學(xué)可以看看,
2016-07-24
就是這樣,謝謝
2016-01-05
很好,謝謝!