📅 最后修改于: 2020-10-25 02:34:03 🧑 作者: Mango
在分配空间之前，我们使用flex-basis属性定义flex-item的默认大小。
下面的示例演示flex-basis属性的用法。在这里，我们将创建3个彩色框并将其大小固定为150像素。
One
two
three
它将产生以下结果-
我们使用flex-grow属性来设置flex-grow因子。如果容器中有多余的空间，它会指定一个特定的flex-item应该增长多少。
One
two
three
它将产生以下结果-
我们使用flex-shrink属性来设置flex收缩因子。如果容器中没有足够的空间，则它指定弹性项目应收缩多少。
One
two
three
它将产生以下结果-
有一种可以同时为所有这三个属性设置值的简写形式。它称为flex 。使用此属性，可以一次将值设置为flex-grow，flex-shrink和flex-basis值。这是此属性的语法。
.item {
flex: none | [ ? || ]
}