5个可视化 CSS 网格布局生成器

 现代 Web 应用程序是响应式的。尽管很多 CSS 库和框架都支持 Grid 系统，但使用纯 CSS 网格也正在成为一种趋势。因此，如果你知道正确的使用工具，则可以更轻松地从头生成网格布局。

因此，在本文中，将给大家介绍 5 个最好的 CSS 布局生成器，并进行功能比较，以帮助你直观地生成 CSS 网格。

1、Griddy

Griddy 是设计师和开发人员中最常用的 CSS 网格生成器之一。

使用 Griddy，你只需配置行、列、间隙和对齐即可轻松创建 2D 布局。

以下示例显示了使用 Griddy 生成的 CSS 类，其中 2 列、3 行对齐并居中对齐。

.container { 
   display: grid; 
   grid-template-columns: 100px 100px;