CSS Grid ตัวสร้าง

ออนไลน์ฟรี css grid generator. Process data ทันที ในเบราว์เซอร์ของคุณ. ไม่อัปโหลด, no signup, fully เป็นส่วนตัวทั้งหมด.

การประมวลผลในท้องถิ่น

Custom template (override cols/rows)

columns: 3

rows: 2

column gap: 8px

row gap: 8px

Preview

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, minmax(40px, auto));
  column-gap: 8px;
  row-gap: 8px;
}

วิธีใช้

ป้อนข้อมูลของคุณด้านบน ผลลัพธ์จะอัปเดตโดยอัตโนมัติ ใช้ปุ่มคัดลอกเพื่อคัดลอกผลลัพธ์

ความเป็นส่วนตัว

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ข้อมูลของคุณจะไม่ถูกอัพโหลดไปยังเซิร์ฟเวอร์ใด ๆ

คำถามที่พบบ่อย

CSS Grid Generator นี้ฟรีหรือเปล่า

ใช่ สมบูรณ์ฟรี ไม่จำเป็นต้องลงทะเบียน

เครื่องมือนี้อัปโหลดข้อมูลของฉันหรือไม่

ไม่ การประมวลผลทั้งหมดเกิดขึ้นภายในเบราว์เซอร์ของคุณ ข้อมูลของคุณจะไม่ออกจากอุปกรณ์ของคุณ

CSS Grid ตัวสร้าง