← 开发工具

CSS Grid 布局生成器CSS GRID

绘制区域、调整行列尺寸,直观地生成并复制 HTML 和 CSS。

选择模板

画布

在空白单元格上拖动以创建区域。拖动区域以移动,拖动右下角以调整大小。

键盘

键盘:方向键移动焦点,Shift + 方向键选择范围,Enter 创建区域。也可用下方数值移动区域或调整大小。

所选区域

选择一个区域,或在空白单元格上绘制。

区域列表

模板和清空操作均可撤销。