box-align and box-pack 使元素拥有垂直居中的能力

垂直居中问题，我们通常会用到vertical-align:middle这个属性，但是我们都知道这个属性对于行内元素还有table是生效的，但是不支持块级元素。想要在块级元素中实现垂直居中问题，或许会使用position来定位，但是这样会显得很丑陋，而且拓展性不强。

在CSS3中，有两个属性

  　　-webkit-box-align: center;
　　  -webkit-box-pack: center;

在父级元素中使用以上两句，能够使元素达到垂直居中的效果。

 

兼容性问题

Firefox 支持替代的 -moz-box-align 属性。

Safari、Opera 以及 Chrome 支持替代的 -webkit-box-align 属性。