css-handbook icon indicating copy to clipboard operation
css-handbook copied to clipboard

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

Open Liu0506 opened this issue 7 years ago • 0 comments

伸缩盒(新)属性 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

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

Liu0506 avatar Oct 19 '18 12:10 Liu0506