收藏
回答

教程问题反馈:第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




最后一次编辑于  2018-05-25  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

1 个回答

  • raphealguo
    raphealguo
    2018-05-29

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


    2018-05-29
    赞同
    回复