flex-wrap

描述

CSS flex-wrap 指定 flex 元素单行显示还是多行显示 。如果允许换行，这个属性允许你控制行的堆叠方向。

取值

• nowrap

  flex 的元素被摆放到到一行，这可能导致溢出 flex 容器。flex-direction的取值决定了flex子项的方向是按行还是列摆放。

• wrap

  flex 元素 被打断到多个行中。

• wrap-reverse

  和 wrap 的行为一样，但是会倒序着摆放。

语法

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

/* Global values */
flex-wrap: inherit;
flex-wrap: initial;
flex-wrap: unset;