前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
代码：
有没有免费的语音转文字的软件？
前端因为像素还原设计稿而离职，这是个别现象吗？
特朗普称美国完成对伊朗三处核设施的打击，具体情况如何？伊朗会如何反击？
你卡过最厉害的bug是什么？
为什么MIPS架构的路由器CPU能实现比X86高很多的网络吞吐量？
新买了一台nas，第一个月下载20t+，上传5+，不会被网警盯上吧?
如果苹果真的下架了微信的话，会发生什么？
脸与身材不符是种怎样的体验？
长期使用的大佬来说说，MacOS 真的比 Windows 稳定吗？
为什么任天堂在NS2上没有选择使用OLED屏幕以提升续航能力和显示效果？
docker如何查看 容器启动的run命令？
为什么大陆演员很难演出香港黑帮片中的那种骨子里的江湖气？
为什么小男孩小时候要比小女孩难养好多?
买到烂尾楼到底该有多绝望？
程序员如何用好 Cursor 工具？
有什么是你去了上海才知道的事情？
据调查使用五笔输入法人数仅剩 3%，五笔输入法是怎么没落的？
作为独立开发者，有哪些可以分享的经验？
为什么中国主机带宽比美国贵5倍（原来错误的10000倍），比如阿里云？
如何评价「尖叫」这种饮料？
为什么有的女生喜欢穿紧身牛仔裤？
PHP初学者，我能不能使用PHP来开发桌面应用？
Node.js是谁发明的?
63 岁演员马景涛直播时突然晕倒、后脑勺磕地，合作方称其突发低血糖，为什么会这样？如何急救？
北京日报点名批评“苏超”过度娱乐化，它是否管的太宽了？为什么无良媒体不会被查封取缔？
为什么同样是输球，常州和国足的风评却差那么多呢？
为什么QQ上的网络状态没有了？
为什么感觉wps的用户越来越多，office没人用了?
自己拥有一台服务器可以做哪些很酷的事情？
