简体中文
CSS 的 flex-wrap 属性指定 flex 元素单行显示还是多行显示。如果允许换行,这个属性允许你控制行的堆叠方向。
Web | Android | iOS |
---|---|---|
4.0 | 3.9 | 4.11 |
Chrome | Edge | Firefox | Opera | Safari | IE |
---|---|---|---|---|---|
√( 29 ) | √( 12 ) | √( 28 ) | √( 17 ) | √( 9 ) | √( 11 ) |
flex-wrap: nowrap | wrap | wrap-reverse;
名称 | 兼容性 | 描述 |
---|---|---|
nowrap | flex 的元素被摆放到到一行,这可能导致 flex 容器溢出。cross-start 会根据 flex-direction 的值等价于 start 或 before。为该属性的默认值。 | |
wrap | 换行,第一行在上方。 | |
wrap-reverse | 和 wrap 的行为一样,但是 cross-start 和 cross-end 互换。 |
nowrap