flex 布局 子项 属性

        flex Items

        Order : 数字越小 越往前排

        Flex-Grow : 抢地盘 (比例)  负数无效

        flex-shrink 收缩地盘  负数无效

        flex-basis : 长度(px |rem |em |% ) | auto;

            优先级: flex-basis > width | height

        flex : 0 1 auto 

            是 flex-grow flex-shrink flex-basis 的缩写

            当flex:1;

            默认的 flex-shrink 为1  flex-basis 为 0%

        align-self

            不能与align-content同时使用

            align-self:flex-start | flex-end | center | baseline | stretch;