本文轉(zhuǎn)自出世Sunny的博客索抓，文章版權(quán)歸原作者所有钧忽，轉(zhuǎn)載目的在于傳遞更多信息，如涉及作品內(nèi)容逼肯、版權(quán)和其它問題耸黑，請(qǐng)?jiān)?0日內(nèi)與本人聯(lián)系，我將在第一時(shí)間刪除內(nèi)容篮幢！
flex的第一個(gè)值（擴(kuò)展量）
可以用flex-grow單獨(dú)設(shè)置大刊，代表含義是對(duì)額外空間的占據(jù)量，所謂額外空間就是這一行多余的空間三椿，有多余的空間這一屬性才有用缺菌。默認(rèn)值是0，意思就是即使有多余空間搜锰，它也不要
這就是默認(rèn)的效果伴郁，；如果給多個(gè)成員設(shè)置正值蛋叼，那么他們會(huì)根據(jù)正值的大小分配焊傅，比如值一個(gè)為1，一個(gè)為2狈涮，那么額外空間就會(huì)分成三份狐胎，給1的一份，給2的兩份歌馍。
flex的第二個(gè)值（收縮量）
可以用flex-shrink單獨(dú)設(shè)置公荧，這個(gè)屬性只有在沒有額外空間時(shí)起作用，意思是沒有額外空間時(shí)同规，成員貢獻(xiàn)出空間的大小循狰。默認(rèn)值為1，如果為0意思是不貢獻(xiàn)空間券勺，也就是說即使空間不足绪钥，成員大小也不發(fā)生改變。
可以看出二號(hào)釋放出的空間是一和三的兩倍，所以這里的值并不是縮小的比例儒拂，而是釋放空間的份額寸潦。默認(rèn)都為1，那也就是說大家釋放同等的空間去填補(bǔ)容器的縮小量社痛。
flex的第三個(gè)值
可以用flex-basis來設(shè)置，這個(gè)值呢斩箫，表示在分配額外空間之前乘客，成員占據(jù)的空間寨典，默認(rèn)值為auto耸成，意思就是你本來占多少就是多少井氢。但也可以自己設(shè)置長(zhǎng)度(px)花竞。這個(gè)值的效果就是確定在釋放和分配空間的時(shí)候，你的初值是多少零远。
總結(jié)
flex屬性其實(shí)就是flex-grow牵辣，flex-shrink纬向，flex-basis三者的縮寫形式逾条。要么只寫第一個(gè)师脂，要么三個(gè)全寫危彩，防止自己搞錯(cuò)（確實(shí)有flex：0 auto 這種寫法，但最好還是避免吧）
一般還有幾個(gè)常用值
flex：auto灸撰；? 等同于 flex：1 1 auto; 意思就是占滿額外空間浮毯，可縮放债蓝。
flex:none;? 等同于flex：0 0 auto饰迹；? 意思是不占額外空間啊鸭，不可縮放赠制。
從字面上解釋大概就是可彈性與不可彈性烟号。
