box-pack 是 Flexbox 布局模型中的 CSS 属性，用于指定弹性容器（flex container）内子项（flex item）在主轴上的对齐方式。主轴是 Flexbox 布局中的主要轴线，决定了子项的排列方向。

box-pack 属性有三个可能的值：

1. start: 子项沿主轴起始位置对齐。
2. end: 子项沿主轴末尾位置对齐。
3. center: 子项沿主轴中心位置对齐。

以下是一个简单的示例：
.container {
  display: flex;
  box-pack: start; /* 或 box-pack: flex-start; */
}

/* 或者 */

.container {
  display: flex;
  box-pack: end; /* 或 box-pack: flex-end; */
}

/* 或者 */

.container {
  display: flex;
  box-pack: center;
}

这个属性影响 Flexbox 容器内子项在主轴上的布局方式，但它不涉及子项在交叉轴上的对齐。如果你也需要控制交叉轴上的对齐方式，可以使用 align-items 属性。

需要注意的是，Flexbox 规范也提供了 justify-content 属性，它的功能类似于 box-pack，并且更常用。在实际开发中，建议使用 justify-content 来代替 box-pack。


转载请注明出处：http://www.zyzy.cn/article/detail/4155/CSS