Property #1: Flex-basic
改變main axis的長度，默認(rèn)值是auto
Property #2: Flex Grow
flex-grow(膨脹系數(shù)),默認(rèn)值是0,也就是元素不會(huì)主動(dòng)去占據(jù)容器的空間，集中在一側(cè)。
這個(gè)值是個(gè)相對值，當(dāng)所有子元素都進(jìn)行設(shè)定為1時(shí)后，他們占據(jù)的空間大小相同，如果將其中一個(gè)改為3，這個(gè)被改動(dòng)的元素將占據(jù)更多的空間。簡單的說，具體某個(gè)元素的flex-grow是分子，所有子元素的flex-grow之和是分母，分子越大，占據(jù)的空間也就越多。
值得注意的是，用于讓子元素?fù)屨嫉目臻g，并不是整個(gè)父容器，當(dāng)前父容器比剛好緊湊放置子元素的容器多出來的部分。
Property #3: Flex Shrink
與flex-grow相反，flex-shrink(收縮系數(shù))決定元素的收縮程度。只有當(dāng)容器太小，需要子元素收縮適應(yīng)時(shí)才使用這個(gè)屬性。
默認(rèn)情況下，所有子元素的flex-shrink的默認(rèn)值是1，意味著他們當(dāng)容器太小時(shí)，他們將受到容器的約束進(jìn)行收縮。
如果要讓一個(gè)子元素不自動(dòng)收縮，那么就把它的flex-grow設(shè)置為0。
同樣的，flex-grow也是個(gè)相對值，這個(gè)值越大收縮的程度越大。每個(gè)元素按比例收縮，而收縮的總值等于剛好緊湊放置子元素的容器與當(dāng)前父容器的差值。
Property #4: Flex
flex是grow, shrink, basis的集合，它的默認(rèn)值是0 1 auto，分別對應(yīng)grow，shrink，basis
