主轴方向

flex-direction

flex-direction 属性通过设置弹性容器的主轴方向，指定弹性子元素在弹性容器中的排列方式。

取值有

• row 当前书写模式的方向（中英文为从左到右）
• row-reverse 与书写模式方向相反（中英文为从右到左）
• column 主轴方向设置书写方向时，块级元素的移动方向（中英文为从上到下）
• column-reverse 与 column 相反（中英文为从下到上）

demo loading

参考

https://www.w3.org/TR/css-flexbox/#flex-direction-property (opens new window)

https://www.w3.org/TR/css-writing-modes-4/#writing-mode (opens new window)