小红书面试题更新 2026-08-05

如何实现五宫格布局:第一行三个、第二行两个,要求每行都两端对齐,且第一行中间间距固定为 20px?

小红书前端/移动开发专业服务编码实现技术原理CSS

考察说明

考察 CSS 多行不规则网格布局的实现与对齐处理

回答思路

  1. 理解 flex 布局中 justify-content: space-between 可实现每行两端对齐
  2. 识别需自定义间距或替换间距以固定第一行中间 gap 为 20px 的难点
  3. 能提供至少一种可靠的实现方案并说明替换每个元素外边距或使用 gap 技巧
  4. 能处理第二行两个元素在两端对齐下的位置表现
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。