前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
为什么年轻人不要养龟？
怎么才能有尤雨溪一半强，该怎么学习？
自己拥有一台服务器可以做哪些很酷的事情？
前端如何设计网页？
为什么用 electron 开发的桌面应用那么多？
鱼缸换水前为什么必须要困水？如果没条件困水怎么办？
央行行长潘功胜首次在公开场合谈及稳定币，稳定币是什么？有何深意？
为什么我感觉广西未来会撤自治区改省？
国产手机AI「好用」的背后，是技术差距还是文化差异？
自己组一个E5服务器才几百块钱，为什么去阿里云租这么贵?
易语言作者吴涛的技术水平在国内能排到什么级别？
为什么 php 可以做到 7 毫秒以内响应，而 .net 做不到？
2025年现在开发php项目选择lar***el框架好还是thinkphp框架好？
女孩子夏天应该如何穿搭？
中国人民抗日战争暨世界反法西斯战争胜利 80 周年纪念活动安排公布，将举行盛大阅兵，你有哪些期待？
男朋友说我穿衣服太开放，难道好身材不应该显示出来吗？
河南女生高考 288 分全家欢呼，这是一种什么样的心态？
为什么中国农村房子那么丑？
现在写 J***aScript 的是不是已经没人在用 class 这个关键字了？
内置WSL 2的Windows 10可以完全取代桌面版Linux吗？
***拍大尺度片子时摄影师不会看光吗？
m.2 固态硬盘中，既然有可缩减为 2230 的能力，为什么依旧在使用 2280 如此大尺寸的方案？
现在已经有5K、6K、8K分辨率显示器，那么8K之后是什么？
像鞠婧祎这样的整容力度会有后遗症吗？
做个web服务器，gin框架和go-zero怎么选？
电脑上有什么具体的程序运算是cpu完爆gpu的？
柳州能活下去吗？
印度为什么一定要和中国作对？
你身边的癌症患者都是怎么发现自己得癌的？
