css中box pack和box align的区别

任何人请指出盒子对齐和盒子包装之间的区别

下面是我的代码。它与box align和box pack的工作原理相同

    div
    {
   width:100px;
   height:100px;
   background:orange;
   display:-webkit-box;
   -webkit-box-align:start;
    }
   

指定当前图元中的子图元在方向上的对齐方式

对于其子元素水平对齐的图元，填充值“开始”表示左侧对齐，右侧有额外空间；值“结束”表示右侧对齐，左侧有额外空间；值“中心”表示中间对齐，两侧有均匀分割的额外空间，如果值为justify，则表示外部元素应左右对齐，元素之间应均匀添加空间

语法

-webkit-box-pack: <alignment>;

-webkit-box-align: baseline | center | end | start | stretch;

值：

基线：元素与框的基线对齐

居中：元素与框的中心对齐

结束：元素与框的末端对齐

开始：元素与框的开始对齐

拉伸：元素被拉伸以填充盒子。

box-PACK用于水平包装内容。box pack的值为

开始-向左对齐，向右留出任何空间

居中-居中对齐，在两侧等分空间

结束-右对齐

Justify-在子元素之间平均分配空间

框对齐用于简单的垂直调整

框对齐：开始|居中|结束|基线|拉伸/*按规定*/

框对齐：-->初始值：拉伸…框拉伸内容，使框中没有多余空间。box pack:-->Initial value:Start…。该框在开始时打包内容，在结束时留下多余的空间。