آزمایشگاه CSS Flexbox

تغییر هر ویژگی flex و مشاهده تغییرات چیدمان به‌صورت زنده

جهت flex

شکست flex

تراز محور اصلی

تراز آیتم‌ها

تراز محتوا

فاصله: 8px

تعداد آیتم: 5

پیش‌نمایش زنده

خروجی CSS

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 8px;
}

ابزارهای مرتبط

آزمایشگاه CSS Grid

سازنده بصری grid — تعریف سطرها، ستون‌ها، فاصله‌ها و جایگذاری

ابزارهای توسعه‌دهنده

تولیدکننده Box Shadow

سازنده بصری سایه CSS با چندین لایه

رنگ و طراحی

سازنده انیمیشن CSS

ویرایشگر تایم‌لاین keyframe با منحنی‌های easing و پیش‌نمایش زنده

رنگ و طراحی