前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
程序员想搭建自己的服务器求指教。?
为什么中国JK无法拍出日本JK的感觉?
如何成为氛围感美女？
内存条两侧明显的变窄是不是不太正常，是什么原因导致的呢?
为什么今年的雷霆会惹众怒？
为什么都说 Finder 难用？
人工智能相关专业里有什么「坑」吗？
公司就一个后端一个前端，有必要搞微服务吗？
可以分享你经常打开的一个网站吗？
为什么Mac连个正儿八经的CAD都装不了还敢打着生产力的旗号？
如何评价首个女性友好的编程语言HerCode?
新手养鱼，鱼缸中能放入哪些水草？
如何评价Cursor？
vue + tsx 的开发体验能追得上 react+tsx么？
这个社会为什么老实人都混得不好？
这种裙子是不是对直男爆杀？
为什么 mac mini 的 m4 版本价格这么低呢？
南京一森林公园现大量竹节虫，形似枯枝，网友称凑近才发现是虫子落荒而逃，竹节虫会不会咬人？碰到它会怎样？
如何评价女明星梅根福克斯的身材？
男朋友说我穿衣服太开放，难道好身材不应该显示出来吗？
字节引入Rust是否代表J***a的缺点Go也没解决？
NBA 选秀大会杨瀚森首轮第 16 顺位被开拓者选中，他的实力能在开拓者队进入轮换吗？发展前景怎么样？
为什么年轻的肉体让人沉迷？
人常说女人味，到底是个什么味？
慈禧为什么要反对戊戌变法？
为什么从事技术的人普遍都比较难沟通？
什么是 5G 固定无线接入（FWA）？
为什么腾讯地图不如百度地图成功？
go 有哪些成熟点的后台管理框架？
现在个人博客不能备案了吗？
