flex-wrap
介绍
定义flex
容器中的元素的在主轴的显示是单行(列)或者多行(列),以及在多行(列)情况下的堆叠方向。
取值
flex-wrap: nowrap;
flex-wrap: wrap;
flex-wrap: wrap-reverse;
1
2
3
2
3
nowrap
默认值。flex
容器中的元素按照主轴的方向排列,有溢出容器的可能。wrap
flex
容器中的元素按照主轴的方向排列,元素会被打断放到不同的行(列)保证主轴方向元素不会溢出容器。wrap-reverse
和wrap
的行为一样,但是行(列)的增加方向相反。
标准化语法
nowrap | wrap | wrap-reverse
1
注意事项
此属性不具备继承关系。