⚡ 网格布局生成器

使用说明（使用说明输入框）
本工具全程本地运行，所有操作在浏览器内完成，数据不会上传到服务器，请放心使用。
左侧控制面板调整网格参数，右侧实时预览效果并自动生成代码。
快速预设：点击上方6种预设模板快速切换常见布局。
列宽模式：等宽（平均分配）、自适应（内容决定）、自定义（手动输入如 1fr 2fr 1fr）。
行高模式：自适应（内容决定）、固定（统一高度）、自定义（手动输入如 100px 200px）。
外观设置：可调整网格项背景色、文字色、圆角大小和项目数量。
代码输出：支持单独复制CSS、HTML或完整代码，点击复制按钮即可。
手机端和电脑端均可正常使用，界面会自动适配屏幕大小。