理解 grid-template 和 grid-auto 之间的区别

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Ire Aderinokun:

在网格容器内,存在网格单元格。任何使用 grid-template-* 属性定位和调整大小的单元格都构成显式网格的一部分。任何未使用此属性定位/调整大小的网格单元格都构成隐式网格的一部分。

理解显式网格和隐式网格非常重要。这是我的快速总结

  • 显式:您定义一个网格,并将项目放置在您希望它们所在的确切位置。
  • 隐式:您定义一个网格,并让项目根据情况落入其中。

网格可以同时具备这两种特性!

直接链接 →