最初，要了解flexbox中的项目对齐方式如何工作，有必要在使用Flexbox的HTML元素的每个可能的内部段中描述几个定义。

定义

• Flexbox容器：是接收“ CSS规则”的元素，称为：

.selector { display: flex; }

• flex-itam：是上述HTML元素的每个孩子（直接后代）。

<parent>
    <child-1></child-1>
    <child-2></child-2>
</parent>

• flex-line：是flexbox容器的垂直或水平线，其中flex-itms被分布。
• 主轴： flex-Container中包含弹性的轴。
• 交叉轴：轴（与电源的对面）在其中排列了挠性线。这是当弹性有可能超过“ node-pai”的边界的可能性，即flex容器。它们可以溢出其极限，也可能会在多个以上破坏挠性线，从而产生具有母线或列（垂直或水平）的挠性容器。
• 主要启动和主端：定义惰性一侧和 main-axis 的末端。。
• 交叉启动和交叉末端：定义使用侧和 cross-axis的末端。。

排列弹性的方向和含义取决于CSS方向CSS属性。

屈曲对齐和CSS属性

关于FlexM的对齐，有几种不同类型的对齐方式，它们都考虑了两种包含分组的类型：

• flex-itms中存在的flex-itms。
• flex-Container中存在的所有挠性线。

注意：ãã重要的是要注意，当flex-container沿着主轴具有flex-itms时，默认情况下，所有flexms都在跨轴方向扩展。例如，如果主轴的方向是水平的，并且横轴是垂直的，则每个挠性项目的高度会膨胀以填充柔性征束的剩余垂直空间。

以下描述了与flexbox中结果对齐相关的每个CSS属性的行为：

• 正当内容：对齐或沿着它们插入的挠性线轴具有flex-itms，并且此效果也适用于每个挠性线，也存在于flex-container内部。
• 对齐容器：对齐或沿挠性式横轴具有挠性线。通过将一些值应用于此属性，每个flex-itms对跨轴的扩展默认行为不再自动执行。
• Jusify-Items： se aplica somente a网格容器。
• Align-itms：对齐或沿插入它们的柔性横轴具有挠性图。通过将某些值应用于此属性，也不再自动执行每个flex-itms对交叉轴的扩展默认行为。