前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
如何评价思源笔记?
如何看待日本小学校园餐只有一小块鸡肉？
如何看待伊朗议员沙赫里亚里： 我们恳求最高领袖批准使用核武器？
如何评价国民党反动派把蹂躏妇女等下作手段写入军事教材?
为什么CCTV-6总是能播一些连院线都上不了的电影？
为什么说男人至死都是少年？
奇瑞与长安哪个质量更好一些？
新买了一台nas，第一个月下载20t+，上传5+，不会被网警盯上吧?
为什么不成立一个***经济特区？
答主夕小瑶团队推出 Agent 产品 Teamo，主打超级搜写功能，有哪些亮点？
如何在最短时间内提升打ctf（web)的水平？
如果战争爆发，中国普通老百姓枪都不会打该怎样自卫？
有谁现在正在使用苹果mac mini 吗？能分享一下使用感受不？
飞天茅台散瓶批发价跌破 2000 元，背后什么原因？收藏茅台还能增值吗？
你身边身材最好的女生是什么样？
以色列为什么突然敢打伊朗了？不怕被报复？
越正经的女人越容易做出疯狂的事吗？
***拍大尺度片子时摄影师不会看光吗？
如何评价前端框架 Solid?
SpaceX的可回收火箭有什么神奇之处，为何其他航天大国还不能仿造？
普通家庭对孩子最好的托举是什么呢？
如何评价张靓颖刘宇宁《九万字》?
夸克网盘有可能超越百度网盘吗？
国产手机AI「好用」的背后，是技术差距还是文化差异？
男子蛋糕被小女孩踩坏，上前理论还被其家长辱骂殴打，如果发生这种事情有比***里当事人更好的处理方法吗？
为什么vim***vim.org公开支持乌克兰？
作为家长，你是如何限制孩子玩手机的？
为什么 Qt 这么难用？
rust在国内的前景如何？
日本AV对中国人的毒害有多大？
