弹性盒子 （子元素的设置）续

首先来看第一个属性

1   order指定子元素的顺序 

看效果（很明显 第一个盒子跑到了第五个盒子的位置上，剩下的盒子 会依次跟进）

 

 2{flex-grow: 2 子元素的延伸比例

效果（他会占据两个盒子的宽度）

 3 flex-shrink: 2收缩比 正好与延伸比相反 

4 flex-basis: 200px （子项目的基本宽度）

效果

5 align-self:子元素垂直对齐 

auto 默认效果

lex-start 我们先把高度都去掉 

给第一个盒子值

效果

 flex-end （会在下方对齐）

 center （ 中间对齐）

stretch （跟所有的盒子一样）