前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
{dede:pagebreak/}
如何看待 稚晖君第五轮融资 估值将达70亿？ 
能发一张在暧昧期的聊天记录吗？ 微信服务器会保留聊天记录吗,会保存多久? 
如何用防火墙禁止软件联网? 
vue + tsx 的开发体验能追得上 react+tsx么？ 
为什么 Windows 没有比较成熟的第三方桌面环境（explorer.exe）？ 
可以分享你相册中最好看的一张照片吗？ 
最好的笔记软件是什么？ 
如何评价腾讯元宝桌面端使用 Rust 的 Tauri 框架？ 
为什么 Bun 选择了 Zig 以及 JSCore？ 
作为一个服务器，node.js 是性能最高的吗？ 
目前react的生态系统是什么情况，有没有比较公认的成熟的开发技术栈？ 
国产厂商为什么都不用三星屏幕了？ 
鱼缸发热管是不是越大越好！? 
如何评价“寡姐”斯嘉丽·约翰逊的身材？ 
程序员的时间管理真的是写代码1小时，调试8小时吗？ 
