前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
{dede:pagebreak/}
异性同办公室久了会不会日久生情？ 
性价比这么低的西贝莜面村是怎么做大的？ 
一米二的棍子打的赢三十厘米的刀子吗？ 
住家保姆为什么总干不长？ 
你的亲戚提过什么过分的要求？ 
为什么现在没人提猎鹰9号了？ 
为什么开发一个 AI Agent 看似容易，但真正让它「好用」却如此困难？技术瓶颈主要在哪里？ 
爸爸要给堂哥交学费怎么办? 
想自学编程该怎么办？ 
Rust连续多年成为最受欢迎的语言，为啥国内使用的人还是很少? 
为什么现在的年轻人更容易觉得疲惫？ 
如果苹果真的下架了微信的话，会发生什么？ 
中年夫妻有多少生活和谐的？ 
网络小白如何建立一个网站，供别人下载文件（主要是PDF和MP3）? 
鸿蒙电脑会在国内逐渐取代windows电脑吗？ 网络小白如何建立一个网站，供别人下载文件（主要是PDF和MP3）? 
