前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
想深入学习网站后台技术，有哪些建议？
相对于Go，哪些领域是.NET做不到或做不好的?
如何看待“Hutool”工具类库广受欢迎？
要想完全放弃Windows操作系统而使用 Linux需要多少勇气？
未过门的孙媳妇需要给男方爷爷出殡吗?
以色列为什么要打伊朗？
为什么UC曾经是国内主流浏览器之一，但现在却逐渐销声匿迹了？
如何看待英雄联盟前职业选手mlxg官司输了，被强制执行2500w？
如何评价***伊内斯·特洛奇亚的身材？
黄一鸣为什么敢承认孩子是王思聪的？
后端开发除了增删改查还有什么？
开发者为什么不使用网页扫码支付绕过苹果抽成30？
在深圳找个男朋友难吗？
Golang 中为什么没有注解？
flutter为什么不用Go语言，而用Dart?
如何解读穷则独善其身，达则兼济天下？
微软暂停专用 Xbox 掌机开发，转而优化 Windows 11 的掌机游戏体验，这背后原因有哪些？
目前最流行的 rust web 框架是什么？
微软宣布 5 月 28 日开始下架「Microsoft 远程桌面」应用，背后原因有哪些？
成都的gdp比杭州高，但是为什么感觉实力不如杭州呢？
当年的东莞究竟有多疯狂？
为什么要学go语言，golang的优势有哪些？
人工智能相关专业里有什么「坑」吗？
销量爆炸的华为nova14是不是证实华为已经腾出精力来收复中端市场了？
Mac mini M4，有必要升级24G内存吗？
我是新手想养鱼，预算不超过200。有什么好的建议或者禁忌吗。？
为何雷军天天健身，却无健身痕迹?
小米发布了 REDMI 首款旗舰小平板 K Pad，仅 8.8 英寸，小巧便携，如何评价这一设计？
字节跳动技术副总裁开源了自己与Trae合作的首个项目，如何评价目前AI开发的水平？
为什么这次以色列打伊朗，网上声讨的人少了，反而都是嘲笑调侃伊朗？
