css中box-pack和box-align之间的区别

Question

任何人都请指出box-align和box-pack

之间的区别

以下是我的code.it与box-align和box-pack一样。

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

Answer 1

-webkit-box-pack

指定当前元素中朝向方向的子元素的对齐方式。

  

对于子项水平对齐的元素，包装值start表示左对齐，右侧有额外空格，end值表示右对齐，左侧有额外空格，center值表示中心对齐额外空间在两侧均匀分开，值为justify表示外部元素应在左右对齐，并在元素之间均匀添加空间。

<强>语法

-webkit-box-pack: <alignment>;

值：

<alignment> 子元素的对齐方式。

center：子元素与元素的中心对齐。

结束：子元素与元素的结尾对齐。

对齐：子元素与元素的开头和结尾都是对齐的。

start：子元素与元素的开头对齐。

-webkit-box-align

指定外部灵活框元素中嵌套元素的对齐方式。

  

如果方向是垂直的，则此属性指定水平对齐，反之亦然。此属性仅适用于灵活的框布局。有关灵活框的更多信息，请参阅http://www.w3.org/TR/css3-layout/。

<强>语法

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

<强>值：

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

center：元素与框的中心对齐。

结束：元素与框的末尾对齐。

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

拉伸：拉伸元素以填充框。

Answer 2

BOX-PACK 用于水平打包内容。 box-pack的值是

开始 - 与左侧对齐并向右侧留下任何空格。

中心 - 对齐中心，两侧均匀划分空间。

结束 - 对齐......

对齐 - 在子元素之间平均分隔空格。

BOX ALIGN 用于简单的垂直调整。

box-align：start |中心|结束|基线|拉伸/ *按照规定* /