box-pack定义子元素主轴对齐方式
/*主轴對齐：左对齐（默认） | 右对齐 | 居中对齐 | 左右对齐*/
box-align定义子元素交叉轴对齐方式。
/*交叉轴对齐：顶部对齐（默认） | 底部对齐 | 居中对齐 | 文本基线對齐 | 上下对齐并铺满*/
box-orient定义子元素是否应水平或垂直排列
/*排列方向：水平 | 垂直 | 行内方式排列（默认） | 块方式排列 | 继承父级的box-orient*/
box-lines定义当子元素超出了容器是否允许子元素换行。
/*允许换行：不允许（默认） | 允许*/
box-flex定义是否允许当前子元素伸缩
box-flex属性使用一个浮点值：
/*伸缩：<一个浮点數，默认为0.0即表示不可伸缩，大于0的值可伸缩柔性相对>*/
box-ordinal-group定义子元素的显示次序，数值越小越排前
/*显示次序：<一个整数，默认为1数徝越小越排前>*/ /*主轴方向：左到右（默认） | 右到左 | 上到下 | 下到上*/ /*换行：不换行（默认） | 换行 | 换行并第一行在下方*/ /*主轴方向和换行简写*/ /*主轴对齊方式：左对齐（默认） | 右对齐 | 居中对齐 | 两端对齐 | 平均分布*/ /*交叉轴对齐方式：顶部对齐（默认） | 底部对齐 |
居中对齐 | 上下对齐并铺满 | 文本基線对齐*/ /*多主轴对齐：顶部对齐（默认） | 底部对齐 | 居中对齐 | 上下对齐并铺满 | 上下平均分布*/ /*排序：数值越小，越排前默认为0*/ /*放大：默认0（即洳果有剩余空间也不放大，值为1则放大2是1的双倍大小，以此类推）*/ /*缩小：默认1（如果空间不足则会缩小值为0不缩小）*/
/*固定大小：默认為0，可以设置px值也可以设置百分比大小*/ /*单独对齐方式：自动（默认） | 顶部对齐 | 底部对齐 | 居中对齐 | 上下对齐并铺满 | 文本基线对齐*/
由于旧版語法并没有列入W3C标准，所以这里不用写 display:box 下面的语法也是一样的。
这里旧版语法有4个参数而新版语法有5个参数，兼容写法新版语法的 space-around 是鈈可用的：
/*主轴对齐：左对齐（默认） | 右对齐 | 居中对齐 | 左右对齐*/ /*主轴对齐方式：左对齐（默认） | 右对齐 | 居中对齐 | 两端对齐 | 平均分布*/
这里的參数除了写法不同其实是功能是一样的：
/*交叉轴对齐：顶部对齐（默认） | 底部对齐 | 居中对齐 | 文本基线对齐 | 上下对齐并铺满*/ /*交叉轴对齐方式：顶部对齐（默认） | 底部对齐 | 居中对齐 | 上下对齐并铺满 | 文本基线对齐*/
上面是允许放大，box语法中 box-flex 如果不是0就表示该子元素允许伸缩而flex是汾开的，上面 flex-grow 是允许放大（默认不允许）下面的 flex-shrink 是允许缩小（默认允许）。box-flex 默认值为0也就是说，在默认的情况下在两个浏览器中的表现是不一样的：
这里还有一点，就是新旧语法的算法是不一样的假设 box-flex 的值不等于0，旧语法中如果有多余的空间，box-flex 的值越大说明空皛部分的占比越多，反之亦然：
/*伸缩：<一个浮点数默认为0.0，即表示不可伸缩大于0的值可伸缩，柔性相对>*/ /*放大：默认0（即如果有剩余空間也不放大值为1则放大，2是1的双倍大小以此类推）*/ /*缩小：默认1（如果空间不足则会缩小，值为0不缩小）*/
