Flex布局标签（空格分隔）：flexcssFlex:Flex是FlexibleBox的缩写，意为“弹性布局”，用于为盒模型提供最大的灵活性。任何容器都可以指定为弹性布局。容器有blockflex和inlineflex两种。layout被称为flex容器，它的子元素自动成为flexitems，即items。注意：flex不同于block，flex容器的子元素的float、clear、vertical-align属性会失效。弹性布局：弹性容器有两个轴：水平轴是x轴（主轴），垂直轴也是y轴（交叉轴）。两个轴的相对位置标识如下：flex容器属性：flex-direction：决定项目的排列方向。flex-wrap：即当一条轴线放不下时，如何对一条线进行换行。flex-flow：是flex-direction属性和flex-wrap属性的简写形式，默认值为rownowrap。justify-content：定义项目在主轴上的对齐方式。(justify)align-items：定义项目如何在交叉轴上对齐。align-content：定义多个轴的对齐方式。如果项目只有一个轴，则此属性无效。（环绕会产生多个轴）弹性项目属性：order：定义项目排列的顺序。值越小，排名越高，默认为0。flex-grow：定义item的放大比例，如果所有item的flex-grow属性都为1，则平分剩余空间（如果有的话）.如果一个项目的flex-grow属性为2，而其他项目的flex-grow为1，则前者将占用其他项目两倍的剩余空间。flex-shrink：定义item的缩小比例，默认为1，如果所有item的flex-shrink属性都为1，当空间不足时，将按比例缩小。如果一个item的flex-shrink属性为0，其他item为1，前者在空间不足时不会收缩。flex-basis：定义item在分配多余空间之前占用的主轴空间（mainsize）。flex：flex-grow、flex-shrink和flex-basis的简写，默认值为01auto。最后两个属性是可选的。align-self：允许单个项目与其他项目有不同的对齐方式，它可以覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性。如果没有父元素，相当于stretch。
