flex-shrink: 0/1/2... 0: 不縮小(原尺寸) 比如: 父元素(width: 200px; height: 330px;) 子元素(width: 80px; height: 80px;) 3個元素并排 需要縮放的寬度為: 200px - 80px * 3個 = 40px 比例為: 40px / (80px * 1 + 80px * 3) = 1/8 計算第二個需要縮放的尺寸: 1/8 * 1 * 80px = 10px 第二個剩余尺寸: 80px -10px = 70px 計算第三個需要縮放的尺寸: 1/8 * 3 * 80px = 30px 第三個剩余尺寸: 80px -30px = 50px ![]() |
|