| کانتینر | ||
|---|---|---|
| flex | inline-flex | عنصر را به یک کانتینر فلکس تبدیل میکند. | |
| row | column | row-reverse | column-reverse | محور اصلی را تعیین میکند که آیتمها در راستای آن جریان مییابند. | |
| flex-start | center | space-between | space-around | space-evenly | آیتمها را در راستای محور اصلی پخش میکند. | |
| stretch | center | flex-start | flex-end | baseline | آیتمها را در راستای محور عرضی همتراز میکند. | |
| flex-start | center | stretch | space-between | ردیفهای شکسته را همتراز میکند وقتی فضای اضافه در محور عرضی هست. | |
| nowrap | wrap | wrap-reverse | اجازه میدهد آیتمها بهجای جمع شدن به خطوط جدید بروند. | |
| 0.5rem | 8px 16px | فاصله بین آیتمها، بهصورت افقی و عمودی. | |
| آیتم | ||
| 0 | 1 | 2 | چقدر از فضای آزاد را آیتم نسبت به همتاهایش جذب میکند. | |
| 0 | 1 | چقدر آیتم جمع میشود وقتی فضای کافی نیست. | |
| auto | 200px | 50% | اندازه شروع پیش از تقسیم فضای آزاد. | |
| 1 | 1 0 auto | 0 0 200px | مختصر grow shrink basis. | |
| auto | center | flex-start | flex-end | stretch | برای یک آیتم، مقدار align-items کانتینر را بازنویسی میکند. | |
| 0 | -1 | 2 | ترتیب یک آیتم را بدون تغییر سورس جابهجا میکند. | |