UTILS.
100% trong trình duyệt

Trình tạo CSS Grid

Tạo bố cục CSS grid với số cột, số hàng và khoảng cách có thể điều chỉnh, kèm bản xem trước trực tiếp.

Về công cụ này

Đặt số cột và số hàng cùng với khoảng cách để dựng một CSS grid và sao chép mã, tất cả ngay trong trình duyệt của bạn.

Câu hỏi thường gặp

Kích thước các track được tính thế nào?
Cột và hàng dùng repeat() với 1fr nên chúng chia đều không gian khả dụng.
Điều khiển khoảng cách (gap) là gì?
Nó đặt khoảng cách của grid tính bằng pixel giữa mọi ô, áp dụng trực tiếp lên bản xem trước.

Công cụ khác