1.Flex(FlexibleBox)任何容器都可以指定为flex布局。注意设置flex布局后，子元素的float、clear、vertical-align属性将失效。2.基本概念使用flex布局的元素称为flex容器，简称“容器”。它的所有子元素都自动称为容器成员，称为弹性项目，或简称为“项目”。容器默认有两个轴：水平主轴和垂直交叉轴。默认情况下，项目沿主轴排列。3、容器的属性flex-direction决定了主轴的方向(row|row-reverse|column|column-reverse)flex-wrap默认情况下，item排成一行。flex-wrap属性定义了轴线不适合时如何换行。(nowrap|wrap|wrap-reverse)flex-flowflex-flow属性是flex-direction属性和flex-wrap属性的简写形式。默认值为rownowrapjustify-contentjustify-content属性定义项目在主轴上的对齐方式。(flex-start|flex-end|center|space-between|space-around)align-itemsalign-items属性定义项目如何在交叉轴上对齐。(flex-start|flex-end|center|baseline|stretch)align-content这个属性定义了多个轴的对齐方式。如果项目只有一个轴，则此属性无效。(flex-start|flex-end|center|space-between|space-around|stretch)4.item的属性order定义了item的排序顺序。值越小，排列越高。默认为0。flex-growflex-grow属性定义了item的放大比例，默认为0，即如果有剩余空间，则不放大。flex-shrink属性定义了item的缩小比例，默认为1，即如果空间不足，item会收缩。负值对此属性没有影响。flex-basis这个属性定义了item在分配多余空间之前占据的主轴空间。flex该属性是flex-grow、flex-shrink和flex-basis的简写，默认值为01auto。最后两个属性是可选的。该属性有两个快捷键：auto（11auto）和none（00auto）。建议优先使用该属性。align-self该属性允许单个项目以不同于其他项目的方式对齐，并且可以覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性。如果没有父元素，相当于stretch
