<p class="zw">在弹性布局中,<code>flex-grow</code>并不是唯一一种控制元素大小的属性。后文中我们将学习<code>flex-shrink</code> ,它与扩展比例相对应的收缩比例。此外,还有<code>flex-basis</code>属性,即弹性元素的伸缩基准值。眼下,我们只需要了解<code>flex-grow</code>一般会和其他的属性配合使用,并且被简写包含在<code>flex</code>属性中。从现在开始,我们将使用<code>flex</code>属性来替代这些冗长的属性名。</p> </blockquote> <p class="图"><img alt="1115.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/91.jpg"></p> <p class="图题">给各个弹性元素分配不同的缩放比例,是使用弹性布局的基本原则之一。</p> <p class="zw">第二个元素被分配了两倍的缩放比例,所以它的宽度是相邻元素要的两倍。</p>