🛠️ToolsShed

CSS Grid生成器

通过实时预览生成CSS Grid布局。设置列、行、间距和对齐方式,复制即用CSS代码。

实时预览

1
2
3
4
5
6

生成的CSS

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

常见问题

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.