آموزش جامع و کامل Flexible Box - آموزش Justify-content

آموزش جامع و کامل Flexible Box – آموزش Flex-shrink

سلام عرض میکنم خدمت شما بازدیدکنندگان وب سایت آیم سئو ، امروز در خدمت شما هستیم با آموزش جامع و کامل Flexible Box – آموزش Flex-shrink . این ویژگی برای تعیین مقدار سرریز کردن عناصر نسبت به نگهدارنده یا همان فلکس بباکس پدر می باشد .

 

قسمت های قبلی آموزش ویژگی های فلکس باکس برای آیتم ها :

 

ویژگی Flex-shrink :

این ویژگی معمولا بسیار کمتر مورد استفاده قرار میگیرد ، این ویژگی برای مواقغی است که شما یک عنصر پدر دارید و مثلا ۱۰ آیتم که کل این ۱۰ آیتم داخل این عنصر پدر جا نمی شود ؛ حالا میرویم سراغ Flex-shrink تا برایمان سر ریز را انجام دهد .

 

مثال :


flex-contaeiner {
display:flex:
}

۱
۲
۳
۴
flex-shrink: 0;[5]
۶
۷
۸
۹
۱۰

امیدوارم از این آموزش لذت برده باشید

 

تاریخ انتشار : ۰۷ بهمن