flex布局深入浅出，简单易懂

flex布局适合移动端排版布局，也可以适用pc ，但是ie8一下不支持，所以不用。

1，flex布局 的容器

  一个大的div或者一个大的区域 里面有子div 

 大的div 设置为display:flex ，容器里面的float,clear,margin都无效了

有个属性值

flex-direction  ,设置排列方向 

flex-wrap 不换行

flex-flow 上面两个的综合

just-content 主轴居中方式

align-items  垂直居中

align-content 多个轴

2，flex布局 的项目

 这个项目是针对容器的里面的直接子元素 

项目属性

order 排序顺序

flex-grow 伸缩变大

flex-shrink 伸缩变小

flex 1 1 auto

align-self 自身对其方式

flex-basis 一侧固定大写