毁了三个属性:float clear vertical-align
容器的六个属性
- flex-direction:主轴方向
- flex-wrap 不换行 上下换行
- flex-flow相当于flex-directin+flex-warp的简写
- justify -content 单行水平布局 左对齐 右对齐 中间对齐 两端对齐 等间隔对齐 可实现水平居中
![](https://images2015.cnblogs.com/blog/953677/201605/953677-20160510165740952-1015372836.png)
5.align-items 单行多个垂直布局 上对齐 下对齐 中心对齐 伸展对齐 基线对齐 可实现垂直居中
![](https://images2015.cnblogs.com/blog/953677/201605/953677-20160510165741655-729334965.png)
6.align-content 多行间距布局
![Flexbox——快速布局神器](https://images2015.cnblogs.com/blog/953677/201605/953677-20160510165742468-1993251250.png)
内部项目的属性:
order
flex-grow
flex-shrink
flex-basis
flex 相当于flex-grow flex-shrink flex-basis 三个的和
align-self