CSS3的box-pack屬性用來控制flex容器中的項目在主軸方向上的對齊方式。通俗來講，它決定了flex容器內項目的水平對齊方式。

box-pack屬性有以下幾個取值：

box-pack: start //默認取值，項目順序與文檔順序一致，起點對齊
box-pack: end //項目順序與文檔順序相反，終點對齊
box-pack: center //項目居中對齊
box-pack: justify //項目分布對齊
box-pack: distribute //項目分布對齊（包括首個項目與尾個項目和容器的對齊關系，與justify不同）
box-pack: space-around //項目會沿主軸方向均勻分布，項目之間的間距也相同，但首尾之間沒有間隙
box-pack: space-between //項目會沿主軸方向均勻分布，項目之間的間距也相同，首尾之間留有間隙
box-pack: space-evenly //項目會沿主軸方向均勻分布，項目之間的間隔和首尾之間的間隔都相等

使用box-pack屬性需要先聲明容器為flex容器，代碼如下：

.container {
display: flex;
}

下面來看一些示例：

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

以上代碼將flex容器內的項目在主軸方向上從右對齊。

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

以上代碼將flex容器內的項目在主軸方向上居中對齊。

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

以上代碼將flex容器內的項目均分在主軸方向上，與主軸方向邊緣間距相等。

.container {
display: flex;
box-pack: space-evenly;
}

以上代碼將flex容器內的項目均分在主軸方向上，包括到容器首尾的間隔距離也相等。

通過box-pack屬性，我們可以根據實際需求設置flex容器內項目的水平對齊方式，使頁面布局更加美觀和合理。