-webkit-box之 pack与align

-webkit-box-pack

取值：start | center | end | justify

box-pack受-webkit-box-orient的影响，默认情况下（即box-orient设置为horizontal）start和end所呈现的效果等同于左对齐和右对齐；当box-orient设置为vertical时，start和end所呈现的效果等同于顶部对齐和底部对齐；

center为水平居中，而justify表示两端对齐。

box-orient为horizontal时：start和end所呈现的效果等同于左对齐和右对齐；center为水平居中，justify为两端对齐。

box-orient为vertical时，sstart和end所呈现的效果等同于顶部对齐和底部对齐；center为垂直居中，justify仍未两端对齐

例： http://ued.ctrip.com/webkitcss/demo/box-pack.html

-webkit-box-align：与-webkit-box-pack互补。

取值：start | end | center | baseline | stretch（默认）

box-orient为horizontal时：start和end所呈现的效果等同于顶部对齐和底部对齐；center为集中在垂直居中，stretch为自适应父容器尺寸（填充）。

box-orient为vertical时，start和end所呈现的效果等同于左对齐和右对齐。center为水平居中

例：http://ued.ctrip.com/webkitcss/demo/box-flex.html