Main axis และ cross axis
สองแกน
Main axis = ทิศทางหลักที่ items เรียง · Cross axis = แกนตั้งฉากกับแกนหลัก
flex-direction
row (ค่าเริ่มต้น) — แกนหลักแนวนอน · column — แกนหลักแนวตั้ง
.row { display: flex; flex-direction: row; }
.stack { display: flex; flex-direction: column; }
จำคู่คำสั่ง:
justify-* จัดตามแกนหลัก · align-* จัดตามแกนขวาง — สลับ direction แล้วความหมายของซ้าย/บนสลับตามแกน