除了给容器添加 还可以给项目添加属性
属性如下:
order 定义项目的排列顺序 数值越小 排列越靠前 默认为0
flex-grow 定义项目放大比例 默认为0 如果存在剩余空间 也不放大
flex-shrink 定义项目缩小比例,默认为1 空间不足 项目将缩小
flex-basis
定义了在分配多余空间之前,项目占据的主轴空间(main size)。浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto
,即项目的本来大小flex 简写形式
是flex-grow
,flex-shrink
和flex-basis
的简写,默认值为0 1 auto
。后两个属性可选align-self 默认为auto 可覆盖align-items属性,有以下属性值:
| flex-start | flex-end | center | baseline | stretch