flex布局

一.容器的属性

     flex-wrap属性：这个属性是设置在父元素身上的，它表明当父元素主线的长度不够是，就是容纳不下所有的子，那么子元素是否要换行。

属性值：

nowrap（默认）：不换行      wrap：换行，第一行在上方。用法举例   display: flex; flex-wrap: noerap;

经过验证：当横向排列，则变成两行行。纵向排列时，也可以生效，就变成横向排着的了。

    flex-flow属性：是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap

    justify-content属性：justify-content属性定义了项目在主轴上的对齐方式

    align-items属性：align-items属性定义项目在交叉轴上如何对齐

 

二.项目的属性