ตัวสร้าง CSS Grid
ตัวสร้าง CSS Grid แบบภาพพร้อมตัวอย่างสด ออกแบบเลย์เอาต์กริดแบบอินเทอแรคทีฟ
คำถามที่พบบ่อย
CSS Grid คืออะไร?
CSS Grid เป็นระบบเลย์เอาต์สองมิติที่ให้คุณออกแบบเลย์เอาต์ที่ซับซ้อนด้วยแถวและคอลัมน์
ฉันตั้งค่าคอลัมน์และแถวอย่างไร?
ใช้ช่องป้อนคอลัมน์และแถว คุณสามารถใช้ px, fr หรือเปอร์เซ็นต์
คุณสมบัติ gap คืออะไร?
คุณสมบัติ gap กำหนดระยะห่างระหว่างรายการกริด คุณสามารถตั้งค่าแยกสำหรับ row-gap และ column-gap
ฉันสามารถสร้างพื้นที่กริดที่มีชื่อได้หรือไม่?
ตัวสร้างนี้เน้นที่โครงสร้างพื้นฐาน สำหรับพื้นที่ที่มีชื่อ ให้ขยายโค้ด CSS ที่สร้างขึ้นด้วยตนเอง