前几天写了一篇Flex布局详解，这里再讲讲和它类似的Grid布局，也是时常会用到的一种布局方式。
Flex布局常用在单行/单列排列的这种一维场景下，比如 导航栏，而像商品列表、图片墙这种需要严格对齐行和列的二维场景更适合使用Grid布局。
更多优质内容请关注微信公众号 @web前端工程狮 每篇文章都会带示意图、详解、代码，关注我和我一起学前端~一、Grid布局基础概念 Grid 布局（网格布局）是 CSS 中一种二维布局模型，允许开发者通…。
Vim 有什么奇技淫巧？
我听说Windows12微软就直接重头构建Windows了，就直接重构Win内核了，到底是不是真的?
程序员从幼稚走向成熟的标志是什么？
黑客为什么可以做到无需知道源码的情况下找出系统漏洞？
为什么《歌手》不请周杰伦、陈奕迅、王菲、张学友、孙燕姿、梁静茹、王力宏、林俊杰当节目嘉宾？
有哪些你去旅行后祛魅的城市？
网络小白如何建立一个网站，供别人下载文件（主要是PDF和MP3）?
你卡过最厉害的bug是什么？
我国004号航母什么时候下水？
有一个乌克兰的朋友问我，中国人凭什么能享受和平，我该怎么说？
电话：
座机：
邮箱：
地址：
