flex-wrap

介绍

定义flex容器中的元素的在主轴的显示是单行(列)或者多行(列),以及在多行(列)情况下的堆叠方向。

取值

flex-wrap: nowrap;
flex-wrap: wrap;
flex-wrap: wrap-reverse;
1
2
3
  • nowrap 默认值。 flex容器中的元素按照主轴的方向排列,有溢出容器的可能。

  • wrap flex容器中的元素按照主轴的方向排列,元素会被打断放到不同的行(列)保证主轴方向元素不会溢出容器。

  • wrap-reversewrap的行为一样,但是行(列)的增加方向相反。

标准化语法

nowrap | wrap | wrap-reverse
1

注意事项

此属性不具备继承关系。

Last Updated: 2022/7/15 下午7:22:06