flex

1.任何一个容器都可以指定flex布局。

当一个元素设为flex布局之后，子元素的float、clear、vaertical-align等属性就会失效。

2.容器的属性

flex-direction 项目的排列方向（row/row-reverse/column/coulmn-revrese）
flex-wrap 项目的换行方式（nowrap/wrap/wrap-reverse）
flex-flow 以上属性的简写方式
justify-content 水平对齐方式（flex-start/flex-end/center/space-betwen）
align-items 垂直对齐的方式（flex-start/flex-end/center/baseline/stretch）

3.子元素项目上的属性

order 项目的排列顺序 值越小越靠前，默认为0。
flex-grow 项目的放大比例值为为1时将沾满整个空间。
flex-shrink 项目的缩小比例
flex-basis 项目所占主轴（flex-direction指定的方向轴）的空间大小
align-self 定义当前项目的对齐方式，可以覆盖掉容器的align-items
效果预览链接：http://js.jirengu.com/beqax/1/edit