CSS---flex布局中子项常见属性

flex子项目占的份数

align-self 控制子项自己在侧轴的排列方式

order属性定义子项的排列顺序 (前后顺序)

flex属性(最重要)

flex属性定义子项目分配剩余空间, 用flex来表示占多少份数

align-self 控制子项自己在侧轴上的排列方式

align-self 属性允许单个项目与其他项目不一样的对齐方式, 可覆盖 align-items属性 .

        默认值为 auto ,  表示继承父元素的 align-items 属性, 如果没有父元素, 则等同于 stretch

                

 order 属性定义项目的排列顺序

数值越小, 排列越靠前, 默认为 0

注意: 和 z-index 不一样

order: <number>   ;   默认值是0.  规定灵活项目的顺序