Flex布局中子项常见属性

1.flex子项目占的份数

.item {
	/* 默认值 0，number越大，子项所占的父项的比例越大 */
    flex: <number>; 
}
           

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

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

默认值为auto ，表示继承父元素的 align-items 属性(flex-start、flex-end、center、stretch)，如果 没有 父元素，则等同于 stretch。

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

3.order属性定义子项的排列顺序（前后顺序）

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

.item {
order: <number>;
}