前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
除了厚重，你拒绝折叠屏的理由还有哪些？什么样的折叠屏才能打动你？
网络小白如何建立一个网站，供别人下载文件（主要是PDF和MP3）?
怎么评价国内AI企业人肉背15块80TB硬盘，飞去马来西亚用英伟达训练数据，以规避美国禁令?
小米 AI 眼镜发布，售价 1999 元起，有哪些功能亮点？你看好其市场前景吗？
编程问题哪里解决?
为什么腰肌劳损这么难治？
大家说一说上海临港未来的发展预期？
为什么电脑厂商用了二十多年时间才发现电源应该放在机箱下部？电源下置这么显而易见的结构这么晚才出现？
美国海军有多恐怖？
柳州的债务，谁来还？用什么还？怎么还？
UBI（Universal basic income，全民基本收入）可行吗？
为什么这么多人黑rust?
如何评价《情感反诈模拟器》女演员刘梦茹最新的抖音***回应?
后端开发除了增删改查还有什么？
冬天也要穿胸罩吗?
国产手机AI「好用」的背后，是技术差距还是文化差异？
女生被踢裆也会很疼吗？
有个漂亮女朋友是种怎样的体验？
修仙文明可能以怎样的方式碾压星际文明？
为什么中国JK无法拍出日本JK的感觉?
手机的运行内存真的有必要上16GB吗？
如何看待小米 YU7 3 分钟大定突破 20 万辆，锁单 12.2 万辆？小米汽车做对了什么？
flutter是***跨平台最优解吗？
如何评价小米 6 月 26 日发布的小米 YU7、MIX Flip2、REDMI K80 至尊版？
我国自主研发新一代 CPU 龙芯 3C6000 发布，不依赖国外授权技术和境外供应链，有何技术亮点？
前端，后端，全栈哪个好找工作？
华为 HDC 发布 HarmonyOS 6 开发者 beta 版对应用开发者和鸿蒙生态有哪些影响？
