紧张羊

文章
6
资源
0
加入时间
2年10月17天

弹性布局中flex-grow的两种常见应用

需要1:如下图,3个子元素等分占满父元素宽度当我们遇到项目个数恰好可以等分时,比如2个或4个项目这种,直接设置项目等分的宽度,但是遇到项目个数不好等分的情况比如3个或者其他未知的个数,我们可以通过给所有的项目都设置flex-grow:1进行等分剩余空间的方法来进行等分需求2:如下图,两个元素占满整个父元素,并且确定了左边的子元素高宽,右边的不确定宽度给右边的项目设置flex-grow:1...