flex什么时候设置为1?什么时候设置为百分比?

95 阅读1分钟

一行的时候设置为1;多行的时候设置为百分比;

举例:

第一种情况,有5个元素,要排成一行,各自占比相同,此时父元素设置为display:flex,子元素设置为flex:1即可;

第二种情况,有10个元素,第一行占5个,第二行占5个,此时父元素设置为display:flex,flex-wrap:wrap,子元素设置为flex:20%即可实现。此时的百分比是相对于父级来说的。