CSS弹性盒

新版弹性盒：display:flex（设置为弹性盒 给父级添加）

排列方式：1，flex-direction（主轴排列方式）+row /row-reverse/ column/ column-reverse

                  2,justify-content（主轴对齐方式）+flex-start/ felx-end/ center/ space-around/ space-between  

                 3,align-items（侧轴对齐方式）+flex-start/ felx-end/ center/ baseline

                 4,flex-wrap（多行的排列方式）+nowrap/wrap/ wrap-reverse

                 5,align-content（行与行之间的对齐方式）+flex-start/ felx-end/ center/ space-around/ space-between

                6,align-self（改写本元素的排列方式）+auto/ strech/center/flex-start/flex-end

                7,order（number排序优先级 默认为0 可为负数 数字越大 越往后排）

               8，flex（复合属性：设置或检索弹性盒模型对象的子元素如何分配空间。）

                     常用【flex:1】[fiex-auto] [flex-none]flex-0 auto] 

               9,flex-grow（一个数字，规定项目进行的扩展量）flex-shrink（数字，规定收缩量）

flex-basis（项目的长度）