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