摘要：
以前的自顶向下中心的实现通常设置有高度和线高度。今天修改样式时，p标记的文本内容可能是一行或两行，因此使用height和line-height无效。我今天找到了一种方法，非常容易使用。设置p标签的父元素样式｛height，position:relative；｝p标签样式加上｛position:absolute；top:50%；left:0；transform:translateY；-ms transform:ttranslateY；-o transform:tanslateY；-webkit transform:tralateY；-moz transform:tradeY；｝。这使内容垂直居中变得容易。后来发现transform的属性IE8不兼容；解决方案：将元素显示为行内表，并将高度设置为0px；确保准则能够生效；最高优先级可以在之后添加！
之前实现上下居中一般都是用height和line-height的来设置。
今天在修改样式的时候，p标签的文字内容可能是一行也可能是两行，
所以用height和line-height就没效果。
今天找到了一种方法，挺好用的。
设置p标签的父元素样式{height, position: relative;}
p标签的样式加上
{position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
-ms-transform:translateY(-50%);
-o-tranform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
}。
这样就可以轻松搞定内容垂直居中了。
在后来发现transform这属性IE8是不兼容的;
解决办法：
把元素显示成行内table，高度设置为0px;为了保证代码可以生效;优先级要最高可以在后面加上 !important这个属性;
{display: inline-table;height: 0px;}