Skip to content

css参考手册, 伸缩盒一个属性说明不够清晰.md #155

@Liu0506

Description

@Liu0506

伸缩盒(新)属性 Flex-shrink 的示例代码, 解释文字不好理解.

原文:
image
标记出来的位置让人不好理解, 看了计算过程, 脑袋一片浆糊.
我个人给出的修改意见如下:

通过收缩因子,所以加权综合可得2001+2001+200*3=1000px
~通过收缩因子,a, b, c 移除的长度占溢出量的长度分别为: 1/5, 1/5, 3/5.
于是我们可以计算a,b,c将被移除的溢出量是多少:
a被移除溢出量:(1/5)*200,即约等于40px
b被移除溢出量:(1/5)*200,即约等于40px
c被移除溢出量:(3/5)*200,即约等于120px
最后a,b,c的实际宽度分别为:200-40=160px, 200-40=160px, 200-120=80px

谢谢大神提供的手册(^∀^●)ノシ

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions