分享

flex-shrink — 缩小比例

 偶记易方 2019-09-08

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


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多