生效，但justify-content只控制每行内子项在主轴上的分布，不控制行与行之间的间距；多行时行间对齐需用align-content，且仅当容器在交叉轴有剩余空间时才生效。
不是对齐方式“改变”了，而是你原本依赖的对齐行为根本没覆盖多行场景——justify-content 依然在起作用，但它只管每行内部，不管行与行之间。
flex-wrap: wrap 后 justify-content 还生效吗？
生效，但作用范围被很多人误判。它只控制主轴方向上**每行内子项的分布**，比如 justify-content: space-between 会让第一行两端对齐、第二行也两端对齐，但两行之间怎么排，它完全不插手。
- 常见错觉：设了
justify-content: space-between，结果第二行紧贴第一行下方，以为“失效”了 —— 实际是它从没管过行间距 - 真正决定行间垂直位置的是
align-content，但它只在多行且容器有交叉轴剩余空间时才可见效果 - 单行容器里
align-content完全无效，此时对齐靠align-items
为什么 align-content 设了却没反应？
因为 align-content 需要“可分配的空间”——容器在交叉轴（通常是高度方向）必须有明确尺寸，且子行总高小于该尺寸。
- 没设
height或min-height，容器高度由内容撑开 → 交叉轴无剩余空间 →align-content无处发力 - 设了
height: 200px，但三行子项加起来刚好 200px → 还是没剩余空间 → 效果等同于stretch -
align-content: center在只有单行时毫无变化，调试前先缩小容器宽度确认是否真换行
align-items 和 align-content 同时设，为什么更乱？
它们作用对象不同：align-items 控制“每行内子项在交叉轴上的对齐”，align-content 控制“所有行作为一个整体在交叉轴上的位置”。两者叠加容易互相抵消或放大偏差。
立即学习“前端免费学习笔记（深入）”；
-
align-items: stretch（默认）会把每行子项拉高填满该行高度；再叠align-content: center，就是先把子项拉满整行，再把这几行整体居中 → 视觉上内容悬浮、上下留白巨大 - 子项高度天然不一致（如卡片含长短文字）时，优先用
align-items: flex-start避免拉伸变形 - 想让多行整体居中，前提是子项高度可控、容器高度预留足够余量，否则
align-content只是空转
最后一行元素总是左偏，怎么让它和其他行视觉一致？
这不是 align-content 能解决的问题——它管的是行块整体定位，不干预单行内子项的水平分布。最后一行不满时的“左偏”，本质是 justify-content 在该行内自然生效的结果。
-
justify-content: flex-start下，最后一行必然左对齐；这是预期行为，不是 bug - 若想要最后一行也“两端对齐”，需放弃
justify-content: space-between，改用gap+ 固定列数 + 动态margin模拟，例如每行 3 列时：.item:not(:nth-child(3n)) { margin-right: 16px; } -
gap能统一行列间隙，但它不替代align-content——前者管“缝隙”，后者管“行块在容器里的落点”
真正卡住人的从来不是属性名记不住，而是没意识到：flex 布局里，“行”和“项”是两个层级，对齐必须分层控制。容器高度、换行事实、属性作用域，三者缺一不可。
