前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
装了飞牛NAS，除了存资料看电影还能干什么？
想学编程，该不该买MacBook?
怎么看待B站舞蹈区和某些风格比较暴露的up？
使用 JetBrains 的产品时，你是倾向于为每个语言分别安装 IDE，还是安装语言的插件？
能不能发一张你相册里最好看的自拍照？
Electron 做游戏客户端的潜力有多大？
如何基于Docker进行开发?
PHP和Node.js哪个更爽?
如何将Windows11的中文用户名改为英文？
程序员如何使用 cursor 写代码？
电话：
座机：
邮箱：
地址：
