刚学flex这个属性的时候,老是记不住伸长和收缩哪个要加权计算宽度,哪个直接按照设置好的属性值等比分配即可。特上图两张,以作纪念。

图片1:子项目按照比例延展

Flex 笔记


图片2:子项目按照比例缩小Flex 笔记

tips:flex-grow用于扩张,flex-shrink用于缩短,非适用场景属性无效。


主要参考资料:Flex中宽度计算Flex 布局教程:语法篇手册网CSS参考手册

相关文章: