"Flexbox gap：间距控制与兼容策略"

概述Flexbox 现已支持 `gap` 间距控制，可更简洁地设置主轴与交叉轴间距。旧版浏览器可回退到外边距与负边距修正方案。示例.toolbar { display: flex; gap: 12px } .grid { display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 12px } 工程建议兼容探测：特性检测后启用；旧环境回退到 `margin`。响应式：不同断点动态调整 `gap`；避免过度稀疏或拥挤。可访问性：保持控件间可点击区域与视觉一致性。参考与验证MDN Flexbox gap 文档：https://developer.mozilla.org/docs/Web/CSS/row-gap