本文摘自PHP中文网，作者青灯夜游，侵删。
css grid布局的优点：1、固定和灵活的轨道尺寸；2、可以使用行号，名称或通过定位网格区域将项目放置在网格上的精确位置；3、可以将多个项目放入网格单元格或区域中，它们可以彼此部分重叠。缺点：兼容性不太好。
【相关推荐：CSS视频教程】
css grid(网格)布局为CSS引入了一个二维网格系统。它是由纵横相交的两组网格线形成的框架性布局结构。网页设计者可以利用这些由行(row)和列(column)形成的框架性结构来布局设计元素。 在定义一种网格布局结构的时候，我们需要在父容器上描述要布局的主体框架结构。为了描述这一框架结构，我们就需要给它的基本构成元素命名。一个网格布局的构成元素可以概括为以下几种概念:
row line: 行线
column line: 列线
track: 网格轨道，即行线和行线，或列线和列线之间所形成的区域，用来摆放子元素
gap: 网格间距，行线和行线，或列线和列线之间所形成的不可利用的区域，用来分隔元素
cell: 网格单元格，由行线和列线所分隔出来的区域，用来摆放子元素
area: 网格区域，由单个或多个网格单元格组成，用来摆放子元素
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
