دسته بندی جعبه انعطاف پذیر (Flexbox)، در CSS
تعیین چگونگی تقسیم فضای اضافی (Extra Space) (در هنگام وجود فضای اضافی) برای آیتم های (Item) جعبه انعطاف پذیر (Flexbox)، با مشخصه flex-grow ، در CSS
جعبه انعطاف پذیر (Flexbox) را در آموزش زیر شرح دادیم :
تعیین چگونگی تقسیم فضای اضافی (Extra Space) (در هنگام وجود فضای اضافی) برای آیتم های (Item) جعبه انعطاف پذیر (Flexbox)، با مشخصه
flex-grow :
هنگام ساخت جعبه انعطاف پذیر (Flexbox)، می توانیم با استفاده از مشخصه
flex-grow برای هر آیتم، یک مقدار فضای اضافی برای آن آیتم در نظر بگیریم.
در حالت عادی، اگر فضای کافی برای نمایش همه آیتم ها با اندازه اصلی خود وجود داشته باشد، فضای اضافی به طور مساوی بین همه آیتم ها تقسیم می شود، اما با استفاده از مشخصه
flex-grow در ایتم ها، می توانیم میزان تقسیم فضای اضافی بین آیتم ها را تغییر دهیم.
به مثال زیر توجه کنید :
دسته بندی جعبه انعطاف پذیر (Flexbox)، در CSS
نویسنده علیرضا گلمکانی
شماره کلید 27209
گزینه ها 
نظرات 0 0 0