flex的三个属性:

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex的三个属性:相关的知识,希望对你有一定的参考价值。

(1)flex-grow;指的是相对于其他的子元素的扩展比率;默认值为0;数字

(2)flex-basis;指的是子元素的具体长度;可以为长度(rem,px,em)也可以为百分比;

(3)flex-shink;指的是相对于其他元素的收缩比率;默认值为0;数字

以上三者均是按父容器的大小划分;

正常情况设置flex:1;表示该子容器等于父容器的1倍,当没有别的子元素时,此时二者大小相等。若有别的子元素,那么是去掉别的子元素的长度,剩下的大小划分,若还是设置为1,仍然和剩下的大小一样大;

以上是关于flex的三个属性:的主要内容,如果未能解决你的问题,请参考以下文章

flex的三个属性:

flex属性的取值

flex属性设置详解

为啥flex-shrink属性不起作用

flex属性设置

flex常见属性