1. ทิศทางแบบยืดหยุ่นใช้เพื่อควบคุมทิศทางเค้าโครงโดยรวมของรายการย่อย ไม่ว่าจะจากซ้ายไปขวาหรือจากขวาไปซ้าย จากบนลงล่าง หรือจากล่างขึ้นบน
2. ระบุวิธีการวางองค์ประกอบภายในในคอนเทนเนอร์ดิ้น และกำหนดทิศทางของแกนหลัก (ไปข้างหน้าหรือย้อนกลับ)
ตัวอย่าง
.รายการ1 {
ความกว้าง: 27%;
ช่องว่างด้านบน: 0.5rem;
รายการสไตล์: ไม่มี;
ล้น: ซ่อนเร้น;
จอแสดงผล: ดิ้น;
ทิศทางแบบยืดหยุ่น: คอลัมน์;
ความสูงสูงสุด: 6rem;
-
.list1 .กล่องรายการ {
ความกว้าง: 100%;
ตำแหน่ง: ญาติ;
ช่องว่างภายในซ้าย: 0.2rem;
ซ้าย: 1.35 นาที;
ขวา: อัตโนมัติ;
-ข้างต้นนี้เป็นการแนะนำคุณลักษณะ flex-direction ใน CSS ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน