前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
为什么很多技术都觉得前端很简单？
Prototype.js 这个库和 J***aScript 的原型链 prototype 有什么关系吗？
vue转react是什么感受？
你怎么看老谢举报李雪琴这件事？
为什么中国的英语教育这么失败?
如何评价小米 6 月 26 日发布的小米 YU7、MIX Flip2、REDMI K80 至尊版？
有一双超级大长腿是什么感觉？
Go语言对象的内存布局是怎样的？
你自己觉得自己的身材好吗？
各位前端大触们，一般怎么定颜色的？
项目稳定了，公司也开始盈利了，可以把开发给裁了吗？
MacBook的诱惑在哪里？
为什么女儿的反应这么强烈？
Web 前端怎样入门？
看新闻说老美的B-2连续飞了37小时，飞行员的吃喝拉撒怎么解决?
张元英的颜值在内娱属于什么水平？
你的低成本爱好是什么？
你曾看到空乘做过的最傻的事情是什么？
为什么有的房东喜欢把房间租给女租户？
Linux 下有没有类似 Everything 的搜索工具？
网络小白如何建立一个网站，供别人下载文件（主要是PDF和MP3）?
广西有什么比较有特色、方便带走的特产？
SATA固态好用吗？为什么大家都喜欢m.2呢？
异性同办公室久了会不会日久生情？
国内为什么那么多人黑 WordPress ？
有什么你去了韩国才知道的事？
Anthropic 推出的 Claude Code Agent 有哪些亮点值得关注？
年纪轻轻为什么会得腰肌劳损？
如何评价“寡姐”斯嘉丽·约翰逊的身材？
腰间盘突出能不能治愈？
