เครื่องมือสร้าง CSS Grid และ Flexbox
ออกแบบเลย์เอาต์ Grid และ Flexbox แบบตอบสนอง พร้อมตัวอย่างทันทีและ CSS ที่คัดลอกได้
วางตัวชี้เหนือช่องหรือเลือกช่องเพื่อดูคำแนะนำ กด Escape เพื่อปิด
วิธีใช้งาน
วางเนื้อหาหรือดูตัวอย่าง เลือกตัวเลือก เรียกใช้ แล้วคัดลอกหรือดาวน์โหลดผลลัพธ์
ตัวอย่างการใช้งาน
เลย์เอาต์
Layout
คำถามที่พบบ่อย
ข้อความของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ เนื้อหาจะประมวลผลในเบราว์เซอร์นี้ โดยไม่ส่งไปยังเซิร์ฟเวอร์หรือบันทึกไว้
ควรรู้อะไรเกี่ยวกับ เครื่องมือสร้าง CSS Grid และ Flexbox?
ตัวอย่างใช้บล็อกหมายเลข CSS ที่สร้างมีข้อกำหนดเลย์เอาต์ โปรดปรับตัวเลือกและจุดเปลี่ยนขนาดให้เหมาะกับหน้าเว็บ