Flex Wrap
CSS 的 flex-wrap 属性指定 flex 元素单行显示还是多行显示。如果允许换行，这个属性允许你控制行的堆叠方向。
语法
| Class | 属性 | 描述 |
|---|---|---|
| flex-wrap | flex-wrap: wrap; | 换行，第一行在上方 |
| flex-wrap-reverse | flex-wrap: wrap-reverse; | 和 wrap 的行为一样，但是 cross-start 和 cross-end 互换 |
| flex-nowrap | flex-wrap: nowrap; | flex 的元素被摆放到到一行，这可能导致 flex 容器溢出 |
适用组件
| 基本视图容器 | 可滚动视图容器 | list-view子组件 | swiper子组件 | 页面链接 |
|---|---|---|---|---|
| view | scroll-view | list-item | swiper-item | navigator |
示例
flex-wrap
换行，第一行在上方
flex-wrap-reverse
和 wrap 的行为一样，但是 cross-start 和 cross-end 互换
flex-nowrap
flex 的元素被摆放到到一行，这可能导致 flex 容器溢出。cross-start 会根据 flex-direction 的值等价于 start 或 before。为该属性的默认值。