flex 知识重点

容器属性：

* 1. 给需要使用display:flex的标签容器定义 width, height;

display:flex;
width:300px;
height:300px;

* 2. 给项目排列确定方向（默认反向为 row, nowrap）, flex-direction, flex-wrap, 但通常使用 flex-flow = flex-direction + flex-wrap;

* 3.然后设置我们最常见的两个属性， justify-content 和 align-item , 决定整体排列布局。

4. align-content, 用于控制多行项目的对齐，一般很少用。

---------------------------------------------------------------------------------------------------

项目属性：

*1. 常用属性flex, flex = flex-grow + flex-shrink + flex-basis; ( 取值：默认0 1 auto )

*2. order ( 取值：默认 0 )，用于决定项目排列顺序， 数值越小， 项目排列越靠前。

*3. align-self ( 取值：auto 默认 ) 用于让个别项目拥有与其它项目不同的对齐方式。表示继承父容器的align-items属性，但如果没父元素，则默认stretch。