建構網頁應用程式時，首先必要的其中一項設定是配置應用程式內容的方式。
許多設計人員會使用虛構的格線 (無論是網站或應用程式) 排列內容。CSS 團隊致力簡化版面配置，同時也建立了 CSS 格狀版面配置模組 (現已在瀏覽器推出)。
這項功能可在 Chrome 中試用實驗性旗標。此後 IE 也自第 10 版起導入 IE，多數瀏覽器可能很快就會推出。
內容提要
- CSS 格線版面配置可讓您定義版面配置的列和欄
- 格線可能會有所調整，以便充分運用可用空間
- 內容順序可以與格狀容器顯示順序無關
- 可根據媒體查詢內容變更版面配置，讓回應式設計更輕鬆
- 內容可以重疊 (啟用無法透過其他方法執行的版面配置)
- 格線版面配置快速
以下簡介影片可協助您進一步瞭解 CSS 格狀版面配置的運作方式 (投影片在這裡：
馬上試試
您現在可以輕鬆在 Chrome 中使用 CSS 格線版面配置。首先，請啟用實驗性標幟來啟用這項功能。
首先載入 chrome://flags 網址，並向下捲動至「啟用實驗性 Web Platform 功能」選項，如下所示：
只要點選「啟用」開啟標記，就會看到重新啟動瀏覽器的提示，如下所示：
現在，只要點選「Relaunch Now」按鈕重新啟動瀏覽器，就可以開始試用 CSS 格狀版面配置。
請提供您寶貴的意見
CSS 格狀版面配置是全新的網頁內容基本版本，但一如往常，我們都很想要聽聽開發人員的想法。提供意見回饋的方法有很多種，例如在這裡發表留言、傳送電子郵件至 W3C CSS 工作群組清單，並在主旨行註明「[css-grid]」，然後記錄錯誤或網誌，以及提出想法。我們期待看到您透過這項超實用的新功能打造出色的版面配置。