Sofia Emelianova
Chrome 開發人員工具提供多種視覺化選項，讓偵錯 CSS 格線版面配置符合直覺。
請觀看影片，瞭解如何在「元素」面板中切換格線重疊，並用於：
- 以視覺化方式呈現並檢查格線版面配置。
- 查看放置格線項目時可參考的列數和欄數。
- 如有許多格線項目，且數字令人困惑，請使用線條和區域名稱，並在疊加畫面中查看這些名稱。
- 檢查音軌大小。
此外，透過「Elements」(元素) >「Styles」(樣式) 窗格中的格線編輯器，您只要按一下按鈕即可在格線版面配置中對齊項目及其內容，而不必輸入 CSS 規則。
如需更多實作學習體驗，請參閱「檢查 CSS 方格」教學課程。