前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
为什么在日本是实体店干掉电商，在中国却是电商干掉实体？
为什么现在女孩子爱好烘焙，在相亲中也成了槽点了？
为什么有的女生喜欢穿紧身牛仔裤？
为什么都说 Finder 难用？
字节跳动技术副总裁开源了自己与Trae合作的首个项目，如何评价目前AI开发的水平？
超小团队选择Django还是Flask？
家里安装千兆宽带有意义吗？
为什么 macOS 并不差，可市场总敌不过 Windows？
公司规定所有接口都用 post 请求，这是为什么？
李嘉诚的港口卖掉了没有？
如何看待国内服装尺码越来越小的现象？
如何评价基努•里维斯的演技？
做一个中国的微软到底有多难？
优酷为什么越来越不行了？
跨境支付通将于 6 月 22 日上线，哪些银行的客户可以直接向香港账户转账？
2025年，Gitea 和 GitLab 应当如何选择？
如何使Windows上安装的Macos虚拟机流畅运行?
一个练过功夫的姑娘能打过一个没练过的男人吗？
一名女子在杭州万象城遭挟持被捅 20 多刀，隆胸***体救了一命，这反映出哪些公安系统的问题？
为何有人说儒家文化下极容易产生「伪君子」？它的道德教化不是以平等和尊重的为前提的吗？
女生被踢裆也会很疼吗？
中医把脉是***吗？
现在的中国打的过美国吗？
为何有人说三亚景色不输泰国，中国游客却更爱去泰国？
Golang 中为什么没有注解？
电影《碟中谍》系列中哪一部最好？
杨幂论文一年间 AI 率从 0 飙至 91%，为什么会这样？AI 查重到底有没有统一标准？
为什么游戏总是缺少 dll 文件？
flutter 3.7+ 用来开发大型桌面软件还有哪些不足？
