【CSS筆記】flex-shrink的計算公式
flex 物件的子物件寬度為多少?從這個問題衍伸出 flex-shrink 的計算公式
這篇就來簡單聊聊吧
# flex 物件的子物件的寬度,在沒設定寬的時候是多少?
事實上,flex 物件的子物件寬度,是由該物件內容寬度決定
例如下面的例子,將子項目 font-size 設定 20px
項目 a、b、c 分別是五個字、三個字、七個字
此時呈現結果將會是
a 的寬度為 5 x 20 = 100px
b 的寬度為 3 x 20 = 60px
c 的寬度為 7 x 20 = 140px
.flex { width: 1000px; height: 300px;...
more...