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