css3弹性盒子（二）弹性子元素

之前说完弹性容器的属性，再来看看弹性子元素的属性。弹性盒子由两部分组成，设置好弹性容器之后，再将子元素设置好，一个完整的弹性盒子就写好了。要想写好子元素，就需要了解子元素的属性。

弹性盒子

弹性子元素属性：

1、order 控制弹性容器里子元素的顺序，数值小的排在前面，可以为负值

• 值为 ： 整数
• 

2、flex-grow 设置弹性子元素的扩展比率

• 设置弹性子元素的扩展比率，不允许为负值，默认值为0。根据弹性盒子元素所设置的扩展因子作为比率来分配剩余空间。
  使用前：
  
  使用后：
  div2{
  flex-grow: 1;
  }
  

3、flex-shrink 设置弹性子元素的收缩比率

• 设置弹性子元素的收缩比率，不允许为负值，默认值为1。根据弹性盒子元素所设置的扩展因子作为比率来收缩空间。

4、flex-basis 指定弹性子元素伸缩前的默认大小值，相当于width和height属性

• 设置弹性子元素的伸缩基准值，不允许为负值。默认值为auto，无特定宽度（高度）。

5、flex flex-grow，flex-shrink和flex-basis属性的复合属性

• 复合属性，设置弹性子元素的如何分配空间

6、align-self 允许独立的弹性子元素覆盖弹性容器的默认对齐设置（align-items）

• 设置弹性子元素的在侧轴上的对齐方式，与align-items相同。设置某个弹性子元素的对立对齐方式。
•