web前端入门到实战：CSS网格布局（Grid）教程

一、概述 CSS网格布局（Grid）是一套二维的页面布局系统，它的出现将完全颠覆页面布局的传统方式。 首先来介绍几个概念: 想象一个三行三列的布局，网格线就是构成网格所有的线条，三行三列的布局每行就会有4条网格线。 网格轨道就是相邻两条平行的网格线之间的部分。 和flex布局一样，他会有父容器和子项目，在这儿我们称为网格容器和网格项。 接下来，我们从网格容器到网格项的各个基本属性来介绍网格布局。

>>阅读原文<<