弹性(flex)布局

在传统的方式中，我们通常会设置盒模型的 display、position、float 等属性来进行布局，对于一些特殊布局运用起来不是很方便，比如垂直居中水平居中，如果运用了浮动特性的话，就需要清除浮动，不但比较麻烦，一不小心还会出现意料之外的布局，最后呈现的结果往往不尽人意。 1 设置父元素的display属性为display: flex | inline-flex；则容器内的子元素便有 伸缩性，

>>阅读原文<<