面试题：Flex 主轴与交叉轴？常用属性？

概念

• 主轴 main axis：由 flex-direction 决定（默认 row）。
• 交叉轴 cross axis：垂直于主轴。

容器常用

• justify-content：主轴对齐（flex-start/end/center/space-between/around/evenly）。
• align-items：交叉轴单行对齐（stretch 默认拉伸高度）。
• align-content：多行时行与行之间分布（需 flex-wrap）。
• flex-wrap：是否换行。
• gap：项间距（现代推荐）。

子项常用

• flex: 1 常等价 flex: 1 1 0%（可长可缩，基础尺寸 0），易让剩余空间均分。
• align-self：单个子项覆盖交叉轴对齐。
• order：视觉顺序（无障碍慎用，勿破坏 DOM 阅读顺序）。