所有工具

CSS 网格生成器

可视化网格构建工具，实时生成 CSS 代码

使用方法

  1. 选择预设布局或手动自定义列和行
  2. 调整间距大小和单个列/行尺寸
  3. 复制生成的 CSS 和 HTML 代码并在您的项目中使用

输入

预设布局

列数

列 1
列 2

行数

行 1
行 2

间距

px
px

输出

R1C1
R1C2
R2C1
R2C2