前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
{dede:pagebreak/}
为什么越是禁止孩子玩手机的家庭，最后养出的网瘾少年越多？ 
有什么 j***ascript 的好书推荐？ 
每次去国外，别人一眼就看出我是中国人，是中国人身上有什么特质吗？ 
为什么 macOS 并不差，可市场总敌不过 Windows？ 
目前最具性价比的全栈路线是啥？ 
Rust的工程配置为何用toml格式？ 
前后楼怎么共享宽带? 
华为 HDC 发布 HarmonyOS 6 开发者 beta 版对应用开发者和鸿蒙生态有哪些影响？ 
2025 年 9 月 3 日天安门大阅兵，中国将对外释放出什么信号？ 
如何评价张靓颖刘宇宁《九万字》? 
你们的腰椎间盘突出，怎么治好的？ 
如何看待武汉大学建筑学大一新生跑路只剩 4 个？什么原因？目前建筑专业就业前景如何？ 
小米 AI 眼镜发布，售价 1999 元起，有哪些功能亮点？你看好其市场前景吗？ 
为什么越来越多的学生感染艾滋病？ 
目前最具性价比的全栈路线是啥？ 
***体隆胸之后多久乳房变软一些? 
