弹性盒子

弹性盒模型是CSS3规范中提出的一种新的布局方式。弹性盒模型的目的是提供一种更加高效、简洁的方式来对容器中的元素进行布局、对齐和分配富余空间，即使它们的大小是未知或者动态变化的。利用弹性盒模型的新特性可以让我们告别元素浮动、定位，完美实现元素的垂直水平居中。由于弹性盒模型是在2009年提出的，目前它已经得到了所有标准浏览器的支持，所以我们可以尝试一下这种新的布局方式。
下面，笔者将详细解读一下弹性盒模型(此处指新版弹性盒模型——display: flex;)。
值得我们注意的是：Flexbox是布局模块，而不是一个简单的属性，它包含了父元素属性和子元素属性。
任何一个容器都可以指定为如下的Flex布局，它其实是对display的一种扩展。同block和inline-block一样，弹性盒模型也分为两种，即：flex和inline-flex。