关于 网格计算器
网格计算器帮助你计算CSS Grid布局的列宽和间距。无论你使用12列栅格、Bootstrap式布局，还是自定义Grid，本工具都能快速给出列宽和CSS代码。
计算公式
列宽 = (容器宽度 - (列数-1) × 间距) / 列数。例如：1200px容器，12列，20px间距，列宽 = (1200 - 11×20) / 12 = 81.67px。
常见栅格系统
- 12列：Bootstrap等主流框架，灵活易于分配。
- 16列：更细粒度，适合复杂布局。
- 24列：Ant Design等企业级框架。
- 响应式：移动端1-2列，平板2-3列，桌面4-12列。
CSS Grid优势
- 二维布局，同时控制行和列。
- 无需额外嵌套div。
- 支持自动布局和显式定位。
- 内置间距属性gap，简化布局。