flex-wrap

描述

该 flex-wrap 属性确定弹性容器是单行还是多行。默认情况下，容器是单行的;对于多行容器，允许控制柔性元件的放置方向。

效果展示

语法

flex-wrap: nowrap | wrap | wrap-reverse;

值

• nowrap 指示弹性项目在一行上排列。这是默认值。
• wrap 指示容器内的 flex 元素位于多个水平行中（以防溢出）。Flex 元素使用 ltr 方向（全局 HTML dir 属性或具有 ltr 值的 CSS 方向属性）从左到右放置，使用 rtl 值，它们从右到左放置。
• wrap-reverse 指示容器内的 flex 元素排列在几个水平行中（如果溢出），类似于换行值，但行的形成顺序相反。