什么是弹性布局？Flex是flexbox的缩写，用来为盒模型提供最大的灵活性。任何容器都可以指定为弹性布局。设置flex布局后，子元素的float、clear、vertical-align属性都会消失。基本概念是使用弹性布局元素，称为弹性容器，简称容器。它的所有子元素自动成为容器成员，称为弹性项目，简称项目。容器默认有两个轴：水平主轴和垂直横轴。容器属性在容器上设置以下6个属性。flex-directionflex-direction属性确定主轴的方向（即项目排列的方向）。flex-direction属性可选值：row|行反转|栏目|column-reverseflex-wrap属性默认情况下，项目排列在一条线上（也称为“轴”）。flex-wrap属性定义了轴线不适合时如何换行。flex-wrap属性可选值：nowrap|包装|换行；flex-flow属性flex-flow属性是flex-direction属性和flex-wrap属性的简写形式。它的默认值是rownowrap。justify-content属性justify-content属性定义项目在主轴上的对齐方式。justify-content属性可选值：flex-start|弹性端|中心|间隔|space-aroundalign-items属性align-items属性定义项目如何在交叉轴上对齐。Align-items属性可选值：flex-start|弹性端|中心|基线|拉紧;align-content属性align-content属性定义多个轴的对齐方式。如果项目只有一个轴，则此属性无效。该属性的可能值为flex-start|flex-end|center|space-between|space-around|stretch项目属性order属性定义了项目的排序顺序。值越小，排列越高。默认为0。flex-grow属性定义了项目的放大比例。默认为0，即有剩余空间则不放大。flex-shrink属性定义了item的缩小比例，默认为1，即如果空间不足，item会收缩。flex-basis属性定义了一个项目在分配多余空间之前在主轴上占据了多少空间。flex属性是flex-grow、flex-shrink和flex-basis的简写，默认值为01auto。align-self属性align-self属性可以让单个item与其他item有不同的对齐方式原文引用自http://www.ruanyifeng.com/blo...
