移动端之flex布局——包括：flex布局父元素的常见属性（flex-direction、justify-content、flex-wrap、align-items等）和子项常见的属性（flex等）

flex布局概述 flex用来为盒状模型提供最大的灵活性，而且任何一个容器均可以指定flex布局。 指定了flex布局的元素，无论是行内元素仍是块级元素，均可以设置宽度和高度。 flex布局就是经过给父盒子添加flex属性来控制子盒子的位置和排列方式。 为父盒子设定flex布局之后，子元素的float、clear和vertical-align属性都将失效。 采用flex布局的元素，称为flex容器

>>阅读原文<<