2021年8月29日 星期日

flex三小朋友

工作時的小筆記。速記一下:flex三小朋友

CSS大全、MDN都說明:
flex:1 = flex:1 0 0
但firefox、chromiun實測均表示,兩者結果不同。(但在某些狀況下可能看不出來?至少在MDN的互動範例中如此)
推測 flex:1 實際上等同於 flex: 1 0 0%
至於 flex-basis:0 和 flex-basis:0% 有什麼差別我也不知道 囧。但這兩個數值和flex-grow:1搭配時的表現就是不同。(也許還要加上親代flex-direction:column 當附帶條件?)


MDN flex

沒有留言:

張貼留言