Grid 布局

基本概念

设置 display: grid 或者 display: inline-grid 的元素称为 Grid 容器，容器内部采用网格定位的子元素称为 Grid 项目。

• display: grid：保持元素块状特性，宽度默认 100%，不和内联元素一行显示。
• display: inline-grid：inline-grid 容器为 inline 特性，因此可以和图片文字一行显示。
• display: subgrid：如果网格容器本身就是一个嵌套网格，可以使用该属性来表示从它的父节点取得它的行/列的大小，而不是指定它自己的大小。