بازگشت

Flexbox Playground

طراحی

یادگیری و آزمایش CSS Flexbox

آفلاین داده‌های شما روی مرورگر طراحی
Container
flex-direction جهت چیدمان
flex-wrap شکستن خط
justify-content محور اصلی
align-items محور عمود
align-content چند خط
gap
px
Item (انتخاب‌شده)
align-self تراز این آیتم
flex-grow
0 = رشد نمی‌کند
flex-shrink
1 = پیش‌فرض
flex-basis
px / % / auto
order
دستور العمل‌های رایج
یک property را تغییر دهید تا توضیح آن اینجا نمایش داده شود.
.container { display: flex; … }