关于grid布局

原文地址：https://github.com/dt-fe/weekly/blob/v2/124.%E7%B2%BE%E8%AF%BB%E3%80%8A%E7%94%A8%20css%20grid%20%E9%87%8D%E6%96%B0%E6%80%9D%E8%80%83%E5%B8%83%E5%B1%80%E3%80%8B.md

内容摘要

CSS Grid 本质上是一种二维布局的语法，相比 Block、Flex 等一维布局方案，多了一个维度可以同时从行与列角度定义布局，因此派生出 grid-template-areas 等语法，整体上更内聚更直观，抽象度也更高了。

理解了这些也就理解了布局未来的发展方向，让布局与 Dom 分离 一直是前端的一个梦想，开发 UI 部分时，只需关心页面由哪些模块组成，去实现这些模块就行了，而不需要关心模块之间应该如何组合。在描述组合时，可以通过可视化或比较抽象的字符串描述布局的结构，并对应到写好的模块上，这样的代码维护性远高于用 DIV 描述结构的方案。