每日新增知识：flex布局（弹性布局）

flex布局常用6个属性：

flex-direction（主轴方向）：row（默认值）| row-reverse | column | column-reverse 

justify-content（主轴如何排列）： flex-start（默认值：从左到右）| flex-end | center | space round平均分配一行空间（有相等的左右margin值） | space between（左右靠边，然后平均分配中间空间）

flex-wrap（是否一行显示）：nowrap（默认值：不换行）| wrap

aligin-items（侧轴如何排列）： flex-start | flex-end | center | stretch

aligin-content（必须有2行及以上才能起作用，对侧轴进行排列）：flex-start（默认值：从左到右）| flex-end | center | space round平均分配一行空间（有相等的左右margin值） | space between（左右靠边，然后平均分配中间空间）| stretch

flex-flow（复合属性）： flex-direction  flex-wrap