容器(父元素)的属性:
flex-direction属性决定主轴的方向
flex-wrap 属性决定项目在一行排不下的情况下是否换行
flex-flow flex-flow
属性是flex-direction
属性和flex-wrap
属性的简写形式,默认值为row nowrap
。
jstify-content justify-content
属性定义了项目在主轴上的对齐方式
align-items 属性定义了每行项目在側轴方向上的对齐方式
align-content属性 align-content
属性定义了容器在側轴方向上有额外空间时怎样排布
子容器
order属性 order
属性定义项目的排列顺序。数值越小排列越靠前,默觉得0,可能的值为随意整数。
flex-grow属性 flex-grow
属性定义项目的放大比例,默觉得0,即假设存在剩余空间也不放大。
flex-shrink属性 flex-shrink
属性定义了项目的缩小比例,默觉得1。即假设空间不足该项目将缩小。
flex-basis 属性定义了在分配多余空间之前,项目占领的主轴空间(main-size)。