收藏
回答

教程问题反馈:第4章 场景应用基本的布局方法——Flex布局

问题模块
教程反馈

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 个回答

登录 后发表内容