flex:1与flex-grow:1最简单的区别与计算
一、flex的宽度计算方式是容器剩余空间+具有flex属性的元素自身尺寸:例如在一个width:400px的容器中,有a、b、c 三个width:100px的元素,给a元素flex:2的属性,给b元素flex:1的属性,不给c元素。计算宽度是:剩余空间(400px-300px):100px + 参与flex项目尺寸200px=300px 再按3份的比例给a2份,b1份。最后:a:width:200px ; b:width:100px ; c:width:100px二、flex:grow的
原创
2020-08-08 16:16:00 ·
3430 阅读 ·
0 评论