弹性盒子项目

一、align-self单个项目在交叉轴的对齐方式

        auto 默认 继承父容器align-items值

        align-items: flex-start;  居上对齐

        align-items: flex-end; 居下对齐

        align-items: center; 居中对齐

二、order项目的排列方式

        值 数字 默认为0

        可为整正 负

        值越小越靠前

三、

        1、flex-grow项目的放大比例

        值 数字 默认为0 有剩余空间 放大 0时不放大

        2、flex-shrink项目的缩小比例

        值  数字 默认为1 空间不足时缩小  0时不缩小

        3、flex-basis项目实际空间大小  auto

        简写：flex：flex-grow flex-shrink flex-basis;

        快捷值
            flex：auto;   flex：1 1 auto;

            flex：none ; flex：0 0 auto;