flex-shrink:當主軸方向顯示不下所有專案時，專案是否進行壓縮。預設值為1；取正整數，最小值為0，為0時表示不壓縮。
那麼如何壓縮？
簡單的思路：把主軸方向不夠的部分，按照幾個專案的值進行壓縮。
實施的**如下：
12
3
id為d1的div最後壓縮的值為：1001/(1+10+100)
id為d2的div最後壓縮的值為：10010/(1+10+100)
id為d3的div最後壓縮的值為：100*100/(1+10+100)
最後可以看出d1壓縮最小，d3壓縮最大；
最後的效果：
flex-grow：當主軸方向有剩餘的空間，專案是否增長，預設值為0，為0時表示不增長。
如何增長？
簡單的思路：把主軸剩餘的空間，按照幾個專案的取值進行分配，和flex-shrink相反。
實施的**如下：
12
3
id為d1的div最後增長的值為：1001/(1+10+100)
id為d2的div最後增長的值為：10010/(1+10+100)
id為d3的div最後增長的值為：100*100/(1+10+100)
最後可以看出d1增長最小，d3增長最大；
最後效果：
彈性盒子模型屬性之flex shrink
上一次,我們已經了解過flex grow的具體用法後,這周,讓我們一起來見一下flex basis這個屬性.flex shrink 定義專案的縮小比例，預設值為1，注意前提是空間不足的情況下，專案縮小。值為0,不縮小。下面的例子中沒有定義該屬性，但是滿足容器中空間不足的情況,專案會預設縮小。當專案1...
彈性盒子模型屬性之flex shrink
上一次,我們已經了解過flex grow的具體用法後,這周,讓我們一起來見一下flex basis這個屬性.flex shrink 定義專案的縮小比例，預設值為1，注意前提是空間不足的情況下，專案縮小。值為0,不縮小。下面的例子中沒有定義該屬性，但是滿足容器中空間不足的情況,專案會預設縮小。當專案1...
flex和flex 1的含義
flex可以參考阮一峰老師的flex布局教程，很詳細看完啥都懂了 當我看完阮老師的flex教程還是對flex 1或者flex 0 等存在疑惑，然後又看到一篇部落格，是對flex的乙個補充吧 首先明確一點是，flex是flex grow flex shrink flex basis的縮寫。故其取值可以...