-
這里又說(shuō)了 1rem 就是 "根節(jié)點(diǎn)的字體大小"
查看全部 -
這里的flex的第三個(gè)值 由于父元素的flex-direction 設(shè)置為 column 所以30px是在豎直方向上的"寬度"
查看全部 -
通過(guò)設(shè)置align-items: flex-start 來(lái)設(shè)置 垂直方向 的對(duì)齊
查看全部 -
這里用"重新設(shè)置flex屬性值"的方式覆蓋前面的設(shè)置值
如果前面的flex值是none 也就是0 0 auto 那后面可以直接用width值來(lái)進(jìn)行設(shè)置
查看全部 -
注意 平常寫(xiě) flex:1 時(shí) 等于flex: 1 1 0%
查看全部 -
flex:０0 auto 時(shí) 設(shè)置的width屬性生效. 否則 以flex設(shè)置的屬性為準(zhǔn).
查看全部 -
這里如果設(shè)置了flex:2 flex-grow被后臺(tái)設(shè)置為了2? 而flex-shrink還是為1
查看全部 -
注意這里 flex:1 在chrome里實(shí)現(xiàn)后的具體值?
也就是一行的flex:1 在chrome里的實(shí)際值是三個(gè) flex-grow flex-shrink flex-basis
查看全部 -
flex的特殊寫(xiě)法
注意這里有很多的?0
查看全部 -
這里也很重要
flex的值用三個(gè)數(shù)字來(lái)表示
第一個(gè)代表的是 flex-grow
第二個(gè)代表的是 flex-shrink
第三個(gè)代表的是 flex-basis
查看全部 -
這里注意第二行 和第三行后面的兩個(gè)字 '比率'
就是說(shuō) flex-grow 和 flex-shrink 都是一個(gè)比值.
查看全部 -
這里很有意思 超出部分的縮小值 比例 使用flex-shrink來(lái)設(shè)定.
查看全部 -
如果關(guān)閉了后臺(tái)自動(dòng)的縮小(即設(shè)置flex-shrink:0) 效果就是 體現(xiàn)出子元素的寬度總和的實(shí)際大小.
查看全部 -
子元素超出父元素的情況.
實(shí)際上他自動(dòng)做了 flex-shrink的操作.
查看全部 -
這里的計(jì)算用到了 flex-basis 和 flex-grow 兩個(gè)值進(jìn)行配合運(yùn)算.
查看全部
舉報(bào)