一、order
默认0,用于决定项目排列顺序,数值越小,项目排列越靠前
二、flex-grow
1、用于决定项目在有剩余空间的情况下是否放大,默认0,默认不放大;注意,即便设置了固定宽度,也会放大
2、假设只有第一个项目默认为0,后面两个项目flex-grow均为1,那么后两个项目平分剩余空间
3、假设第一个项目默认为0,第二个项目为flex-grow:2,最后一个项目为1,则第二个项目在放大时所占空间是最后项目的两倍
三、flex-shrink
1、用于决定项目在空间不足时是否缩小;默认项目都是1,即空间不足时大家一起等比缩小。即便设置了固定宽度,也会缩小。
2、如果某个项目flex-shrink设置为0,则即便空间不够,自身也不缩小。(如果所有的项目都给设置flex-shrink:0,那么它的主轴方向就会出现滚动条)
四、flex-basis
用于设置项目宽度,默认auto。如果设置了flex-basis,权重会比width属性高,因此会覆盖widtn属性
五、flex
1、用于定义项目放大,缩小与宽度;是flex-grow,flex-shrink与flex-basis三个属性的简写;默认0 1 auto
2、该属性有两个快捷键值,分别是auto(1 1 auto)等分放大缩小,与none(0 0 auto)不放大不缩小。
六、align-self
用于让个别项目拥有与其它项目不同的对齐方式,各值的表现与父容器的align-items属性完全一致