Flex Direction
CSS flex-direction 属性指定了内部元素是如何在 flex 容器中布局的，定义了主轴的方向 (正方向或反方向)。
语法
| Class | 属性 | 描述 |
|---|---|---|
| flex-row | flex-direction: row; | flex 容器的主轴被定义为与文本方向相同 |
| flex-row-reverse | flex-direction: row-reverse; | 表现和 row 相同，但是置换了主轴起点和主轴终点 |
| flex-column | flex-direction: column; | flex 容器的主轴和块轴相同 |
| flex-column-reverse | flex-direction: column-reverse; | 表现和column相同，但是置换了主轴起点和主轴终点 |
适用组件
| 基本视图容器 | 可滚动视图容器 | list-view子组件 | swiper子组件 | 页面链接 |
|---|---|---|---|---|
| view | scroll-view | list-item | swiper-item | navigator |
示例
flex-row
flex 容器的主轴被定义为与文本方向相同。主轴起点和主轴终点与内容方向相同。
flex-row-reverse
表现和 row 相同，但是置换了主轴起点和主轴终点
flex-column
flex 容器的主轴和块轴相同。主轴起点与主轴终点和书写模式的前后点相同
flex-column-reverse
表现和column相同，但是置换了主轴起点和主轴终点