6, align-content 该属性有6个值 flex-start flex-end center space-between space-around stretch
以上是容器的6个属性,在写一遍
flex-direction: 该属性决定主轴的方向
flex-wrap: 一行排列不下时,换行的方向
flex-flow: 前面两个属性的综合写法
justify-content: 项目在主轴上的对齐方式
align-items: 项目在交叉轴的对齐方式
align-content: 多轴线时的对齐方式 , 一行的情况下不起作用
二 , 项目的属性
order: 该属性是数值.决定项目的排列顺序.数值越小,越靠前,默认是0
flex-grow: 该属性是项目的放大比例,数值 ,默认是0
flex-shrink: 该属性是项目的缩小比例 , 数值,默认是1
flex-basis: 该属性是有空余的前提下 , 剩余空间占据主轴的比例
flex : 上面三个属性flex-grow , flex-shrink , .flex-basis的综合写法
align-self: 单个项目的对齐方式 . 容器有align-items是,会覆盖容器的align-items属性
下面分别介绍一下,具体的使用
1 order 数值
2 .flex-grow:
3 felx-shrink: