在弹性布局中,flex-grow并不是唯一一种控制元素大小的属性。后文中我们将学习flex-shrink ,它与扩展比例相对应的收缩比例。此外,还有flex-basis属性,即弹性元素的伸缩基准值。眼下,我们只需要了解flex-grow一般会和其他的属性配合使用,并且被简写包含在flex属性中。从现在开始,我们将使用flex属性来替代这些冗长的属性名。

1115.tif

给各个弹性元素分配不同的缩放比例,是使用弹性布局的基本原则之一。

第二个元素被分配了两倍的缩放比例,所以它的宽度是相邻元素要的两倍。