弹性布局(flex container),页面中任何一个元素只要设置了display:flex属性,那么当前盒子都称为弹性盒子.弹性盒子默认有两条轴: 默认水平显示的主轴 和 始终要垂直于主轴的侧轴(也叫交叉轴),在弹性盒子中所有的子元素都是沿着主轴方向显示.
1.弹性布局关于主轴方向的容器属性：
row 默认值，主轴沿水平方向从左到右； row-reverse 主轴沿水平方向从右到左； column 主轴沿垂直方向从上到下； column-reverse 主轴沿垂直方向从下到上； initial 将此属性设置为属性默认值； inherit 从父元素继承此属性
2.flex-wrap 属性用来设置当弹性盒子的子元素（项目）超出父容器时是否换行，属性的可选值如下：
nowrap 默认值，表示项目不会换行； wrap 表示项目会在需要时换行； wrap-reverse 表示项目会在需要的时候换行，但是会以相反的的顺序； initial 将此属性设置为属性的默认值； inherit 从父元素继承属性的值；
