CSS چیدمان پیش‌فرض: row ارث‌بری نمی‌شود

flex-direction

جهت محور اصلی کانتینر flex را تعیین می‌کند؛ row برای ردیف افقی و column برای ستون عمودی. در سایت‌های RTL مقدار row به‌صورت خودکار راست‌به‌چپ می‌شود.

سینتکس

flex-direction: row | row-reverse | column | column-reverse;

مثال کاربردی

.list {
  display: flex;
  flex-direction: column;
}

مقادیر رایج

row ردیف افقی (پیش‌فرض)
column ستون عمودی
row-reverse ردیف معکوس

موارد مرتبط در CSS