官方网站地址：https://cssgrid-generator.netlify.com/
通过这款在线工具，你可以设置行和列的数字还有单位，工具将为您生成一个 CSS Grid 网格布局！在方框中拖动来创建 div 放置在网格内。
虽然这个项目可以为您提供一个基本的布局, 但是本项目不是对 CSS 网格功能的全面介绍。这只是一种快速使用 CSS Grid 网格布局功能的方法。
我注意到很多人没有使用 Grid，因为他们觉得这个太复杂了，难以理解。 Grid 可以做很多事情，而这个小的生成器只涉及到了一小部分功能。 这样做的目的是让人们能够快速上手并创建更多有趣的布局。
顺便在分享一个通过在线游戏的形式学网格布局的网站：https://cssgridgarden.com/
如果您觉得本文的内容对您的学习有所帮助：
关键字：
css