CSS3中新增的box-pack和box-align属性，分别用于设置弹性盒模型内部元素的水平对齐方式和垂直对齐方式。这种对齐方式，对盒元素内部的文字、图像及子元素都是有效的。基于webkit内核的替代私有属性是-webkit-box-pack和-webkit-box-align，基于gecko内核的替代私有属性是-moz-box-pack和-moz-box-align。
    box-pack语法格式如下。
    box-pack：start | end | center | justify;
    box-pack的相关属性值说明如下。
    start：表示所有子容器都分布在父容器的左侧，右侧留空。
    end：表示所有子容器都分布在父容器的右侧，左侧留空。
    center：表示所有子容器平均分布（默认值）。
    justify：表示平均分配父容器中的剩余空间。

    box-align语法格式如下。
    box-align：start | end | center | baseline | stretch；
    box-align相关的属性值说明如下。
    start：表示子容器从父容器的顶部开始排列，富余空间将显示在盒子的顶部。
    end：表示子容器从父容器的底部开始排列，富余空间将显示在盒子的顶部。
    center：表示子容器横向居中，富余空间在子容器的两侧分配，上下各一半。
    baseline：表示所有盒子沿着它们的基线排列，富余空间可以前后显示。
    stretch：表示每个子元素的高度被调整到适合盒子的高度显示，即所有子容器将保持同一高度。