flex布局

1. 显示方式
   1. 默认为block 块级元素；
   2. inline 行内元素 不可以设置 高度和宽度
   3. inline-block 可以设置高度和宽度
2. flex-direction 横轴排列
   1. row 横向布局 默认是靠左排列  1 、 2 、3；1元素在最左边
   2. row-reverse 靠右边排列 3 、2 、1；1在最右边
   3. column 靠上排列  1、2、3；1元素在最上面
   4. column-reverse 靠下排列 3、2、1 ，1 这个元素在最底部
3. justify-content
   1. flex-start 如果有 flex-directory属性使用了reverse，此属性失效；这个是row排列的默认属性 
   2. flex-end 有reverse属性时，有效，多尝试组合
   3. center 居中
   4. space-between 两端对其
   5. space-around 元素间隔距离相等
4. aligh -items
   1. center 这一块元素居中处理
      1. 
   2.