关于DIV内文字垂直居中的写法

  最近在写UI，或多或少用到了CSS，在这记录一下，今天用到的DIV内文字垂直居中的写法，

因为所做的项目都是基于WebKit内核浏览器演示的，所以我们今天采用的是-webkit-box的写法：

display: -webkit-box;
/* 水平居中*/
-webkit-box-align: center;
/* 垂直居中 */
-webkit-box-pack: center;
/*flex需要写上，不写没作用*/
-webkit-box-flex: 1;

上面这种写法适合高度不固定的情况。

如果是css2中呢，普遍的写法是，适用于高度固定的情况：

/*水平居中*/
text-align：center
/*我们假设div的高度是50，设置line-height和height相同就可以实现垂直居中*/
line-height：50px;
height:50px;