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>;
}