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 |
|
来自: 偶记易方 > 《display:flex》