弹性盒模型

1. 概念：

弹性盒子是 CSS3 的一种新的布局模式。

CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。
2. 支持的浏览器

表格中的数字表示支持该属性的第一个浏览器的版本号。

紧跟在数字后面的 -webkit- 或 -moz- 为指定浏览器的前缀。

属性
Basic support
(single-line flexbox) 29.0
21.0 -webkit- 11.0 22.0
18.0 -moz- 6.1 -webkit- 12.1 -webkit-
Multi-line flexbox 29.0
21.0 -webkit- 11.0 28.0 6.1 -webkit- 17.0
15.0 -webkit-
12.1

学习链接：

1.https://www.runoob.com/css3/css3-flexbox.html
2. https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox