笔记--移动端布局（Flex伸缩布局）

1. flex布局

1.1 传统布局与flex布局

2. flex布局原理

2.1 布局原理

3. flex布局父项常见属性

3.1 常见父项属性

3.2 flex-direction设置主轴的方向

1. 主轴与侧轴

2. 属性值

3.3 justify-content 设置主轴上的子元素排列方式

3.4 flex-wrap 设置子元素是否换行

3.5 align-items 设置侧轴上的子元素排列方式（单行）

3.6 align-content 设置侧轴上的子元素排列方式（多行）

3.7 align-content 和 align-items 区别

3.8 flex-flow

4. flex布局子项常见属性

4.1 flex属性

4.2 align-self 控制子项自己在侧轴上的排列方式

4.3 order 属性定义项目的排列顺序