Flex布局子项常用属性总结

Flex布局常见于各个网站之中，现总结几个子项常用布局属性，方便以后使用

1.flex

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

.item{
    flex:<number>;  /* default 0 */
}

2.align-self

该属性允许单个项目有其他项目不一样的对齐方式，可覆盖align-items属性

如果没有父元素，则等同于stretch

span:nth-child(2){
    /*设置自己在侧轴上的排列方式*/
    align-self:flex-end;
}

3.order

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

数值越小越靠前，和z-index不同