flex弹性布局
- 一.传统布局与flex布局区别（不需要清除浮动，一行内显示）
- 二.布局原理（父级添加，控制子盒子）
- 三.flex布局父级常用属性
-
- [1.flex-direction(默认x轴row）](#1.flex-direction(默认x轴row）)
- [2.flex-wrap(默认不换行）](#2.flex-wrap(默认不换行）)
- 3.justify-content（主轴子元素排列方式）
- 4.align-items（侧轴子元素排列方式）
- 5.align-content（侧轴子元素排列方式）（多行）
- 6.align-items和align-content的区别
- 7.flex-flow
- 四.flex布局子项常见属性
一.传统布局与flex布局区别（不需要清除浮动，一行内显示）
二.布局原理（父级添加，控制子盒子）
三.flex布局父级常用属性
1.flex-direction(默认x轴row）
概念
属性
2.flex-wrap(默认不换行）
3.justify-content（主轴子元素排列方式）
4.align-items（侧轴子元素排列方式）
5.align-content（侧轴子元素排列方式）（多行）
6.align-items和align-content的区别
7.flex-flow
四.flex布局子项常见属性
1.flex
2.align-self
3.order
