如何实现五宫格布局:第一行三个、第二行两个,要求每行都两端对齐,且第一行中间间距固定为 20px?
考察说明
考察 CSS 多行不规则网格布局的实现与对齐处理
回答思路
- 理解 flex 布局中 justify-content: space-between 可实现每行两端对齐
- 识别需自定义间距或替换间距以固定第一行中间 gap 为 20px 的难点
- 能提供至少一种可靠的实现方案并说明替换每个元素外边距或使用 gap 技巧
- 能处理第二行两个元素在两端对齐下的位置表现
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。