前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
{dede:pagebreak/}
你见过的最舒适的办公环境是什么？ 
为什么苹果的定制硬盘颗粒是银色封装，而无论是nvme ssd，笔记本板载还是手机硬盘都是黑色封装? 
为什么要在鱼缸里养水草？ 
以前大力推广的沼气池，怎么现在越来越少了？ 
如何看待安徽宿州一农场500亩土豆遭几百名村民哄抢，曝光后民警要求种植户删帖？法不责众？如何有效维权？ 
到底是9800x3d+5070ti还是u7+5080? 
华为Pura 80首销遇冷，是否说明消费者已经开始对麒麟芯片性能有所觉醒？ 
我的世界怎么租一个四个人的服务器？ 
女生被踢裆也会很疼吗？ 
为什么市场不制作***黄油？ 
如何评价sketch 2025的改版？ 
为什么剪映导出***时码率与原***一样，变得更模糊？ 
新疆维吾尔自治区，经济发展的真实前景如何？ 
男医生在给年轻靓丽的女性检查时会是什么心态？ 为什么年轻的肉体让人沉迷？ 
长期禁欲之后会怎样？ 
