flex弹性布局

flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个元素都可以指定为flex布局（块状元素和行内元素都可以）。
flex弹性布局可以很方便的解决某个容器中，子元素对齐的问题。如：div元素和img、span和img等。
注意：设为 flex 布局以后，子元素的float、clear和vertical-align属性将失效。

参考 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html