flexbox（四）伸缩布局中的margin&伸缩性&主轴对齐方式

伸缩布局中的margin：

当使用flex属性计算伸缩项目的宽度的时候，为auto的margin会值为0

在主轴（main axis）方向

• 如剩余空间为正数，则剩余空间会被平均分配在拥有主轴方向auto margin(s)的flex元素之间。
• 如剩余空间为负数，则将主轴方向的auto margin(s)设定为‘0’。

在侧轴（cross axis）方向

• 如果拥有侧轴方向auto margins(s)的元素的outer cross size（计算时将auto margins(s)作‘0’计算）小于其所在的flex line的cross size，则将剩余空间平均分配给auto margin(s)。
• 否则，如果侧轴方向block-start或inline-start方向的margin为auto，则将其设定为‘0’。设置相对方向的margin值，使此元素的outer cross size等于其所在的flex line的cross size。

伸缩性

flex-grow 是扩展比率 默认为0
flex-shrink 是收缩比率 默认为1
flex-basis 伸缩基准值默认为auto，意味着伸缩基准值与元素的主轴长度属性值相同，如果省略该值，则默认为0.