前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
为什么中国人做一顿饭要几个小时，而国外花的时间少得多？
程序员看剧的时候，如果看到有敲代码页面，会暂停看代码吗？
如何评价前端框架 Solid?
为什么负荷那么大的腰部力量训练的人不会受伤，长期无载荷久坐的人会出现腰肌劳损？
2025 国内公司前端团队都在搞些什么?
微软edge浏览器为什么逐渐被其他的浏览器代替？
MySQL 面试一般常问问题有哪些？
程序员都干过哪些很刺激的事情？
你们学校的校花都是怎么样的？
扫黑风暴为什么他们费老大劲杀这么多人不如直接把督导组干掉？
现在已经有5K、6K、8K分辨率显示器，那么8K之后是什么？
为什么那么多人用GO？GO语言的优势在哪里？
Postgres 和 MySQL 应该怎么选？
你见过最无用的节俭行为是什么？
为什么Dreamwe***er，FrontPage会被淘汰？
目前react的生态系统是什么情况，有没有比较公认的成熟的开发技术栈？
switch模拟器是不是历史上唯一在主机当红时就几乎完美模拟器？
公司有一块纯屏幕，能不能做到让他插上u盘就自动播放里面的***?
为什么很多技术都觉得前端很简单？
家用服务器内网穿透对外提供服务需要备案吗？
用了几年大厂云服务器，现在想换便宜的，有推荐的吗?
孩子在「手表圈」里「混圈、相亲、打赏积分」，为何孩子们的通讯工具会变得这么「乱」？家长该怎么引导？
鸡那么脏，那为啥鸡巢几乎没有蟑螂？
为什么年轻人不要养龟？
如何看待M4单核性能吊打9950x?
为什么广东女生大多是素颜？
程序员用 Mac mini m4有必要买24G+的吗(非主力机)?
为什么是 9 月 3 日阅兵而不是 10 月 1 日国庆阅兵？
如何评价“寡姐”斯嘉丽·约翰逊的身材？
