Chrome 开发者工具通过各种可视化选项,直观地调试 CSS 网格布局。
观看视频,了解如何在元素面板中切换网格叠加层,并使用以下功能:
- 直观呈现和检查网格布局。
- 请参阅放置网格项时要参考的行号和列号。
- 如果网格项有很多且数字令人困惑,请使用线条和区域名称,并在叠加层上查看它们。
- 查看轨道大小。
此外,借助元素 > 样式窗格中的网格编辑器,您只需点击一下按钮,即可在网格布局中对齐项及其内容,而无需输入 CSS 规则。
如需更多实操学习体验,请按照检查 CSS 网格教程进行操作。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2022-08-18。