我要招人

前端/移动开发面试题更新 2026-08-05

flex 的 gap 属性在低版本浏览器不兼容，替代方案是什么？

金山WPS前端/移动开发技术原理方案权衡问题排查CSS

考察说明

考察对 CSS 布局兼容性处理及回退方案的理解

回答思路

  1. 识别 gap 属性在 flex 布局中的兼容性问题
  2. 说明使用 margin 实现元素间距的替代方案
  3. 解释如何避免间距出现在容器首尾
  4. 考虑使用 CSS 选择器或包装元素的处理方式
  5. 提及现代浏览器对 gap 支持程度及优雅降级策略