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的三个属性:的主要内容,如果未能解决你的问题,请参考以下文章