📐

CSS网格生成器

可视化CSS Grid布局构建器。自定义列、行、间距和对齐方式。复制生成的CSS和HTML代码。

预设:

⚙️ 设置

列数

行数

Column Gap

Row Gap

messages.column_sizes

messages.row_sizes

messages.alignment

Item Properties

Col Start

Col End

Row Start

Row End

Label

👁️ 预览

生成的代码

嵌入此工具

× px

主题

颜色

背景色

边框

边框颜色

边界半径

显示 FreeWebTools 品牌允许全屏紧凑模式启用动画透明背景

👁️ 预览

💡 集成提示

复制嵌入代码并粘贴到您网站的HTML中。响应式版本会自动适应所有屏幕尺寸。

评价此工具

✓

🔥 热门工具

没有更多工具

探索所有工具