Flexbox是一种全新的盒子模型，主要优化了UI布局。经过几年的发展，在2012年9月，W3C为Flexbox推出了其全新的版本的语法。与前两个Flexbox规范版本相比，Flexbox伸缩布局功能只是部分属性的语法略有不同，在本节中将向读者详细介绍W3C标准规范的Flexbox伸缩布局模型。

如改变元素的模式，需要使用display属性，如果需要将某个元素设置为伸缩容器同样需要使用display属性进行声明。

伸缩容器声明的方法很简单，只需要将display属性设置为flex或inline-flex属性值即可。设置伸缩容器的语法格式如下。

display: flex | inline-flex;