简体中文
flex-wrap 属性设置弹性容器中的子元素在主轴方向是单行(列)还是多行(列)显示,以及多行(列)显示时的堆叠方向。
| Web | Android | iOS | HarmonyOS | HarmonyOS(Vapor) |
|---|---|---|---|---|
| 4.0 | 3.9 | 4.11 | 4.61 | 5.0 |
flex-wrap: nowrap | wrap | wrap-reverse;
| 名称 | 兼容性 | 描述 |
|---|---|---|
| nowrap | flex 的元素被摆放到到一行,这可能导致 flex 容器溢出。cross-start 会根据 flex-direction 的值等价于 start 或 before。为该属性的默认值。 | |
| wrap | 换行,第一行在上方。 | |
| wrap-reverse | 和 wrap 的行为一样,但是 cross-start 和 cross-end 互换。 |
nowrap