ออกแบบ
เครื่องสร้าง CSS Flexbox
สร้างเลย์เอาต์แบบ Flex แบบเห็นภาพ
สูตรเค้าโครง (10 ค่าที่ตั้งไว้ล่วงหน้า)
การตั้งค่าองค์ประกอบลูกที่เลือก
ลองเพิ่มเติม: เครื่องสร้าง CSS Grid · ตัวสร้างการไล่สี CSS · เครื่องมือสร้าง CSS Box Shadow.
สร้าง flex layout แบบภาพ
เลือกสูตรหรือปรับแต่งการควบคุม — ตัวอย่างอัปเดตสด คัดลอกกฎ .container ลงในสไตล์ชีตของคุณ
คำถามที่พบบ่อย
สร้างอะไร?
กฎ flex ของ .container ที่พร้อมคัดลอก พร้อมการตั้งค่าทิศทาง การจัดแนว การตัดบรรทัด และระยะห่าง รวมถึงพรีวิวแบบสดที่ปรับจำนวนองค์ประกอบลูกได้
สูตรเลย์เอาต์คืออะไร?
พรีเซ็ตคลิกเดียวสิบแบบ: navbar, hero กึ่งกลาง, แถวการ์ด, โครง sidebar, กองแนวตั้ง, แถบ footer และอื่น ๆ — รูปแบบทั่วไปที่นักพัฒนาใช้ทุกวัน
มีอะไรถูกอัปโหลดไหม?
ไม่ได้ CSS สร้างขึ้นทั้งหมดภายในเบราว์เซอร์
อัปเดตล่าสุด: