CSS Grid Trình tạo

Miễn phí trực tuyến css grid generator. Process data tức thì trong trình duyệt của bạn. Không tải lên, no signup, fully hoàn toàn riêng tư.

Xử lý cục bộ

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;
}

Cách sử dụng

Nhập thông tin đầu vào của bạn ở trên. Kết quả được cập nhật tự động. Sử dụng nút sao chép để sao chép kết quả.

Sự riêng tư

Tất cả quá trình xử lý diễn ra trong trình duyệt của bạn. Dữ liệu của bạn không bao giờ được tải lên bất kỳ máy chủ nào.

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

Đây có phải là Trình tạo lưới CSS miễn phí không?

Có, hoàn toàn miễn phí. Không cần đăng ký.

Công cụ này có tải lên dữ liệu của tôi không?

Không. Tất cả quá trình xử lý diễn ra cục bộ trong trình duyệt của bạn. Dữ liệu của bạn không bao giờ rời khỏi thiết bị của bạn.

CSS Grid Trình tạo