doyoe / css-handbook

CSS参考手册
http://css.doyoe.com
Apache License 2.0
1.54k stars 313 forks source link

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

Open Liu0506 opened 5 years ago

Liu0506 commented 5 years ago

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

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

~通过收缩因子,所以加权综合可得2001+2001+2003=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

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