CSS Grid布局生成
设置网格列数、行高、间距及首项跨列，实时查看布局。
实时预览
CSS Grid布局生成使用说明
- 按照表单填写参数或选择文件，先核对单位和格式。
- 三列卡片布局，第一项占两列。
- 点击处理按钮查看结果，可以复制或下载保存。
计算方法与处理规则
生成repeat与minmax网格轨道，并配置首项跨度。
使用范围
采用固定列数；窄屏可自行添加媒体查询，最多12列。
输入内容会保存在服务器吗？
本工具在浏览器内处理输入，不上传文件或表单内容。打字练习成绩只保存在本机浏览器。
为什么结果可能与其他工具不同？
采用固定列数；窄屏可自行添加媒体查询，最多12列。 请先比较输入单位、取整方法、适用规则和数据版本。