flexbox布局

毁了三个属性：float clear vertical-align

容器的六个属性

1. flex-direction:主轴方向
2. flex-wrap 不换行 上下换行
3. flex-flow相当于flex-directin+flex-warp的简写
4. justify -content 单行水平布局 左对齐 右对齐 中间对齐 两端对齐 等间隔对齐  可实现水平居中

5.align-items 单行多个 垂直布局  上对齐 下对齐 中心对齐 伸展对齐 基线对齐  可实现垂直居中

6.align-content 多行间距布局

内部项目的属性：

• order
• flex-grow
• flex-shrink
• flex-basis
• flex  相当于flex-grow flex-shrink flex-basis 三个的和
• align-self

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/laiqun/p/5478455.html