弹性布局:是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的,弹性盒布局模型也能正常的工作。
让一个盒子具有弹性布局的属性,要先给其加上样式display:flex;OK我们也会看到有写的是display:box/display:flexbox;其实他们只是不同时期的规范:
新规范:2013年最新版本规范的语法 即display:flex/inline-flex;
中间版本:2011年非官方规范的语法 即display:flexbox/inline-flexbox;
老规范:2009年规范的语法 即display:box/inline-/box。