前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
为什么 Blender 成功了？
如何看待OpenAI把原定六月开源的模型推迟到八月？
鸿蒙电脑应用开发和鸿蒙手机是一样的吗？
二氧化碳人工合成淀粉技术现在怎么没动静了？
雷军为什么没有绯闻?
Apple 为什么不封杀 Flutter 呢？
吃爽了是怎样一种体验？
美国真的对首飞前的歼20一无所知吗？
以色列为什么突然敢打伊朗了？不怕被报复？
为什么说男人至死都是少年？
世界上存在动漫少女般完美的「身体」吗？
为什么现在没人提猎鹰9号了？
华为鸿蒙还有多久可以在pc桌面取代Windows？
正常人一次一顿能吃完一斤牛肉吗？
鱼缸里突然在水面角落出现很多想泡沫一样的气泡是怎么回事？
自己拥有一台服务器可以做哪些很酷的事情？
炫富真的很爽吗？
为什么bilibili后端要用go来写？
女明星陪酒真的存在吗？
美国不交房产税会被赶人收房，那所谓的永久产权还有什么意义？
华为官宣鸿蒙 HarmonyOS 5.1 将于 7 月开启升级，对此你怎么看？会选择第一时间升级吗？
穿瑜伽裤爬山的女生会不会害羞？
网友称在桔子水晶酒店洗漱包内发现用过的 四联检测盒，具体是怎么回事？酒店要承担哪些责任？
Gemini 2.5 Flash 和Pro稳定版上线，和之前版本相比，在性能和应用场景上有哪些提升？
据说go和c#的开发者都说自己比较节省内存，你们认为呢？
为什么广西盛产鬼火少年?
山西晋城举全城之力引入摇滚演唱会，两天接待近 6 万乐迷，一场成功的演唱会能给城市带来怎样的收益？
为什么 php 可以做到 7 毫秒以内响应，而 .net 做不到？
Golang vs Rust vs Dlang 哪个更有前途，哪位大牛这 3 门语言都用过？
Golang和J***a到底怎么选?
