New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open

Liu0506 opened this issue Oct 19, 2018 · 0 comments

Liu0506 commented Oct 19, 2018

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

原文:

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

~~通过收缩因子，所以加权综合可得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

谢谢大神提供的手册（＾∀＾●）ﾉｼ

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment