第215页 第8章 CSS3伸缩布局盒模型

综合而言，Flexbox布局功能主要具有以几点。
1、屏幕和浏览器窗口大小发生改变也可以灵活调整布局。
2、指定伸缩项目沿着主轴或侧轴按比例分配额外空间（伸缩容器额外空间），从而调整伸缩项目的大小。
3、指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间，分配到伸缩项目之前、之后或之间。
4、指定如何将垂直于元素布局轴的额外空间分布到该元素的周围。
5、控制元素在页面上的布局方向。
6、按照不同于文档对象模型（DOM）所指定排序方式对屏幕上的元素重新排序。也就是说可以在浏览器渲染中不按照文档流先后顺序重新排伸缩项目顺序。