Grid 生成器
可视化创建 CSS Grid 布局。定义行、列、间距和区域。
控制
CSS 代码
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}预览
1
2
3
4
5
6
可视化创建 CSS Grid 布局。定义行、列、间距和区域。
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}