Tạo CSS Grid
Công cụ tạo CSS Grid trực tuyến miễn phí. Đặt hàng, cột và khoảng cách bằng trình soạn trực quan. Tự động tạo mã bố cục. Sao chép ngay.
Trình tạo CSS Grid là công cụ trực tuyến miễn phí thiết kế bố cục lưới trực quan. Đặt hàng, cột, gap và vị trí ô bằng kéo thả, tự động tạo mã CSS Grid. Xem trước thời gian thực. Xử lý trong trình duyệt, miễn phí.
1
2
3
4
5
6
7
8
9
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
justify-items: stretch;
align-items: stretch;
}
Mã HTML
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
lock Tệp không được gửi đến máy chủ