1. يشير النمو المرن إلى توسيع العرض الذي تشغله العناصر المرنة. المساحة الموسعة هي المساحة الفارغة المتبقية بعد استبعاد العناصر.
2. القيم السالبة غير مدعومة القيمة الافتراضية هي 0، مما يعني أنه لن يتم شغل المساحة البيضاء المتبقية لتوسيع عرضها.
إذا كانت قيمة flex-grow أكبر من 0، فسيتم تخصيص المساحة المتبقية في الحاوية المرنة.
مثال
// جزء HTML <div>
<ديف></ديف>
<ديف></ديف>
<ديف></ديف>
</div>
// جزء CSS {
العرض: 600 بكسل؛
الارتفاع: 200 بكسل؛
الحدود: 1 بكسل صلبة؛
العرض: فليكس؛
}
.box div:nth-of-type(1){
العرض: 100 بكسل؛
الارتفاع: 100 بكسل؛
لون الخلفية: أحمر؛
}
.box div:nth-of-type(2){
العرض: 150 بكسل؛
الارتفاع: 100 بكسل؛
لون الخلفية: أزرق سماوي؛
}
.box div:nth-of-type(3){
العرض: 200 بكسل؛
الارتفاع: 100 بكسل؛
لون الخلفية: أصفر؛
}ما ورد أعلاه عبارة عن مقدمة لخاصية flex-grow في CSS، وآمل أن تكون مفيدة للجميع.