教程问题反馈:第4章 场景应用基本的布局方法——Flex布局
发布于 13 天前 作者 gdeng 1532 次浏览 最后一次编辑是 12 天前 来自 问答

flex-shrink 属性 :

    有一处计算公式的示例过于令人费解了,描述的很奇怪;

    120 2 + 150 3+ 180 * 1 = 870 ;可以改为:120*2+150*3+180*1 = 870;

      计算结果= 宽度 -  总溢出空间 * 项目宽度 * flex-shrink / 总权重;

item1的最终宽度为:120 - 50 120 2 / 870 ≈ 106px   可以改为:120 - 50 * 2 * 120 / 870 ≈ 106px  ;

item2的最终宽度为:150 - 50 150 3 / 870 ≈ 124px   

item3的最终宽度为:180 - 50 180 1 / 870 ≈ 169px



1 回复

是因为markdown转化问题,导致丢失了*号。已经修复,谢谢反馈

回到顶部