关于弹性布局的 flex-grow的用法和flex-shrink的用法

1.首先 flex-grow设置在子项目上

2.flex-grow默认值为0,如果为值1的时候就会撑满

3.flex-grow还可以给其中的一个子元素单独设置,设置为2,其它的则为1或者2都可以,具体由布局决定,目的在于,制定某一元素放大,项目中还是很有用的,类似下图测试2的最大

 4.flex-shrink的用法同flex-grow相同,只是前者是当空间不足的时候都等比缩小,如果设置其中一个元素值为非1的话则不会同比缩小,其它同级的缩小

原文地址:https://www.cnblogs.com/yn-cn/p/9116655.html