#flex-wrap

#介绍

定义弹性容器中的元件的在主轴的显示是单行（列）或者多行（列），以及在多行（列）情况下的堆叠方向。

#使用示例

css-apisrc/flex-wrap/App.tsx

Code

预览

#语法

flex-wrap: nowrap; /* Default value */
flex-wrap: wrap;
flex-wrap: wrap-reverse;

#取值

• nowrap

  默认值。弹性容器中的元件按照主轴的方向排列，有溢出容器的可能。

• wrap

  弹性容器中的元件按照主轴的方向排列，元件会被打断放到不同的行（列）保证主轴方向元件不会溢出容器。

• wrap-reverse

  和 wrap 的行为一样，但是行（列）的增加方向相反。

#形式定义

#形式语法

flex-wrap =
  nowrap        |
  wrap          |
  wrap-reverse

#兼容性