New Safari developer tools provide insight into CSS Grid Lanes
4 months ago
- #Safari
- #Web Development
- #CSS
- Safari技术预览版234引入了CSS网格通道功能，用于实现砖石风格布局。
- CSS网格通道允许内容在列或行中对齐，但不能同时在两个方向对齐。
- 内容垂直于布局形状流动，改进了不同宽高比元素的排列效果。
- Safari网格检查器新增'序号标记'功能，帮助可视化内容流向。
- 网格通道检查器可显示网格线、尺寸、线编号和区域名称。
- 序号标记功能有助于理解内容流向，提升可访问性。
- Safari的布局工具支持同时显示多个覆盖层且不影响性能。
- 弹性盒子检查器能区分自由空间与间隙，并显示项目边界。
- 网格和弹性盒子检查器是唯一标注内容顺序的工具。
- 序号标记功能已在Safari技术预览版235中提供。