设计栅格计算

计算画布、留白、列数与槽宽，生成可用的 CSS Grid。

输入与结果示例

按标签逐项填写参数，点击生成 / 计算。修改参数后旧结果清除，支持复制与下载。

使用范围与注意事项

• 全部在当前浏览器处理，不上传、不默认保存输入。
• 按参考画布计算固定留白与间距；窄屏仍需设计响应式规则。

常见问题

结果是否直接代表业务结论？

不代表。计算使用明确公式与输入，需核对数据口径并在实际流程中验证。