关于弹性布局的 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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值