新! 我的 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
弹性单位将剩余空间分配到所有弹性列。