新!我的 44 頁電子書「44 分鐘搞懂 CSS」出爐了!😃

立即取得 →

#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 彈性單位,在所有彈性欄位中分配剩餘空間