新! 我的 44 页电子书“CSS 在 44 分钟内”已发布! 😃

立即获取 →

#grid-template-columns

定义网格容器的列。您可以使用关键字(如auto)或长度(如10px)来指定列的宽度。列的数量由空格分隔的列表中定义的的数量决定。

默认 grid-template-columns: none;

没有定义任何列,所以只有一列。

grid-template-columns: auto auto auto;

您可以使用关键字auto,使每列自动调整大小。

grid-template-columns: 80px auto 1rem;

您可以混合使用单位

grid-template-columns: 40px 1fr 2fr;

您可以使用fr弹性单位剩余空间分配到所有弹性列。