CSS 网格布局是浏览器 Flexbox 布局之后最重要的布局方式。我们可以忘记过去 15 年经常使用的的各种 “神奇数字”,hacks 和一系列变通布局方案。网格布局提供了非常简单的声明布局方式,之后再也不需要借助一些常见的主流 css 框架,也能减少很多手动实现的布局方式 如果你以前不熟悉 CSS 网格布局,那么你可以开始了解它了。它是一种适用于容器元素,并能指定子元素的间距、大小和对齐方式的布局工具。 CSS 网格布局赋予我们更强大的能力——大家熟悉的水平垂直居中布局,不需要增加标签就能做到。同样,这也能让我们不需要媒体查询就能根据可用空间自动适应。