最近在写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;
关于DIV内文字垂直居中的写法,布布扣,bubuko.com
原文：http://www.cnblogs.com/80hou/p/3570221.html