Flexbox 主轴方向与空间分配机制深度解析 各位同学，大家好！今天我们来深入探讨 Flexbox 在不同主轴方向下的空间分配机制。Flexbox 布局模型，作为现代 Web 开发中不可或缺的一部分，极大地简化了复杂布局的实现。理解其空间分配机制，是灵活运用 Flexbox 的关键。 1. Flexbox 的基本概念回顾 在深入研究空间分配之前，我们先快速回顾一下 Flexbox 的核心概念： Flex 容器 (Flex Container)：应用 display: flex 或 display: inline-flex 的元素，是 Flexbox 布局的父元素。 Flex 项目 (Flex Items)：Flex 容器的直接子元素，它们按照 Flexbox 布局模型进行排列。 主轴 (Main Axis)：Flex 项目排列的主要方向。 交叉轴 (Cross Axis)：垂直于主轴的方向。 主轴起点 (Main Start)：主轴的起始位置。 主轴终点 (Main End)：主轴的结束位置。 交叉轴起点 (Cross Start)：交叉轴的起始位置。 交叉轴终点 (Cross En …