前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
为什么所有主流浏览器的 User-Agent 都是 Mozilla/x.0 开头？
PHP 已经诞生 30 年，它对你意味着什么？
为何说FastAPI已死？
找个越南女朋友是什么体验？
雷军称 26 日除发布 YU7，还会发布一款「面向下一个时代的个人智能设备」，这个产品可能是什么？
Electron 做游戏客户端的潜力有多大？
一台台式机的寿命是几年?
你卡过最厉害的bug是什么？
你被哪个后来知道很sb的BUG困扰过一周以上吗？
为什么红色警戒到现在还是这么多人玩？
请问有没有什么工具能够生成局域网的网络拓扑结构图？
golang 与rust 在服务器程序领域相比较，各有什么优劣势？
你在你男/女朋友的手机里发现过什么秘密？
为什么 macOS 并不差，可市场总敌不过 Windows？
想开一个100cm或者120cm的溪流缸或者水草缸，有没有大佬指导一下，有哪些注意事项？
有没有带烘干功能的内裤机推荐呀？
postgres集群的选择?
组nas一定要TDP低的cpu吗？
Electron 和当下其他的桌面开发方法相比如何？
天津 2025 高考分数线公布，本科线 476，特招线 562，如何看待天津高考分数线？
独立开发者月赚17.6万美元，如何看待独立开发者在 AI 浪潮中的发展前景？
为什么国内程序员们没有联合起来设计一种中英文严格2:1宽度比的字体呢？
ssd固态硬盘sata的好还是m.2好呢？
为什么bilibili后端要用go来写？
大家都喜欢用什么浏览器？
腰陆陆续续疼了一年多了，这个是腰突吗?
本人女20，平胸跟男生一样怎么办 ?
坚持使用 PHP 的你，如今有什么感悟？
如何自己搭建家庭服务器？
J***a如何调用FFmpeg呢（有无可用的类库）？
