建構 Web 應用程式時，首先需要的是一種方法，用來安排應用程式內容。
許多設計師都會使用虛擬格線來安排內容，無論是網站或應用程式皆然。CSS 團隊一直致力於簡化版面配置，並因此推出了 CSS 格線版面配置模組，目前已在瀏覽器中推出。
這項功能目前可透過實驗旗標在 Chrome 中試用。自 IE 10 版起，這項功能也已實作，而且很快就會在大多數瀏覽器中實作。
內容提要
- 您可以使用 CSS 格線版面配置定義版面配置的列和欄
- 格線可配合可用空間進行調整
- 內容順序可與格狀容器顯示順序無關
- 版面配置可根據媒體查詢變更，讓回應式設計更輕鬆
- 內容可重疊 (啟用其他方法無法啟用的版面配置)
- 格線版面配置速度快
以下是 CSS 格線版面配置運作方式的概略影片 (投影片在這裡)：
立即試用
在 Chrome 中使用 CSS 格線版面配置現在變得更加簡單。首先，您必須啟用實驗功能旗標，才能啟用這項功能。
首先載入 chrome://flags 網址，然後向下捲動至「啟用 Web 平台實驗功能」選項，如下所示：
只要按一下「啟用」即可開啟旗標，畫面上會顯示類似下方的提示，要求您重新啟動瀏覽器：
接著只要按一下「立即重新啟動」按鈕，即可重新啟動瀏覽器，並試用 CSS 格線版面配置。
請提供您寶貴的意見
CSS 格線版面配置是網頁內容的絕佳新原始元素，但我們一如往常，都很樂意聽取開發人員的看法。您可以透過多種方式提供意見回饋，包括在本頁面留言、寄信給 W3C CSS 工作小組名單，並在主旨行中加上「[css-grid]」字樣、記錄錯誤，或是在部落格和推文中分享您的看法。我們期待看到您運用這項超實用的新功能建立出色的版面配置。