justify-content 屬性

　　語(yǔ)法：

　　justify-content：flex-start | flex-end | center | space-between | space-around

　　默認(rèn)值：flex-start

　　適用于：彈性盒模型容器

　　繼承性：無

　　屬性用于調(diào)整主軸上伸縮項(xiàng)目的位置。它指定子元素間多余的空白要如何處理（在你讓子元素與其外邊距占滿主軸上的所有空間的時(shí)候，這個(gè)屬性沒有作用）

　　取值：

　　flex-start：

　　彈性盒子元素將向行起始位置對(duì)齊。該行的第一個(gè)子元素的主起始位置的邊界將與該行的主起始位置的邊界對(duì)齊，同時(shí)所有后續(xù)的伸縮盒項(xiàng)目與其前一個(gè)項(xiàng)目對(duì)齊。

　　flex-end：

　　彈性盒子元素將向行結(jié)束位置對(duì)齊。該行的第一個(gè)子元素的主結(jié)束位置的邊界將與該行的主結(jié)束位置的邊界對(duì)齊，同時(shí)所有后續(xù)的伸縮盒項(xiàng)目與其前一個(gè)項(xiàng)目對(duì)齊。

　　center：

　　彈性盒子元素將向行中間位置對(duì)齊。該行的子元素將相互對(duì)齊并在行中居中對(duì)齊，同時(shí)第一個(gè)元素與行的主起始位置的邊距等同與最后一個(gè)元素與行的主結(jié)束位置的邊距（如果剩余空間是負(fù)數(shù)，則保持兩端相等長(zhǎng)度的溢出）。

　　space-between：

　　彈性盒子元素會(huì)平均地分布在行里。如果最左邊的剩余空間是負(fù)數(shù)，或該行只有一個(gè)子元素，則該值等效于'flex-start'。在其它情況下，第一個(gè)元素的邊界與行的主起始位置的邊界對(duì)齊，同時(shí)最后一個(gè)元素的邊界與行的主結(jié)束位置的邊距對(duì)齊，而剩余的伸縮盒項(xiàng)目則平均分布，并確保兩兩之間的空白空間相等。

　　space-around：

　　彈性盒子元素會(huì)平均地分布在行里，兩端保留子元素與子元素之間間距大小的一半。如果最左邊的剩余空間是負(fù)數(shù)，或該行只有一個(gè)伸縮盒項(xiàng)目，則該值等效于'center'。在其它情況下，伸縮盒項(xiàng)目則平均分布，并確保兩兩之間的空白空間相等，同時(shí)第一個(gè)元素前的空間以及最后一個(gè)元素后的空間為其他空白空間的一半。

　　說明：

　　設(shè)置或檢索彈性盒子元素在主軸（橫軸）方向上的對(duì)齊方式。

　　當(dāng)彈性盒里一行上的所有子元素都不能伸縮或已經(jīng)達(dá)到其最大值時(shí)，這一屬性可協(xié)助對(duì)多余的空間進(jìn)行分配。當(dāng)元素溢出某行時(shí)，這一屬性同樣會(huì)在對(duì)齊上進(jìn)行控制。

　　對(duì)應(yīng)的腳本特性為justifyContent。