文本居中

1)文本居中

单行文本垂直居中：line-height，height设为一致即可

.center1{ width:400px;  text-align:center;//水平居中  height:40px;  line-height:40px; }

多行文本垂直居中：

父级元素高度不固定：只需设置padding-top和padding-bottom的值相等

.center2{ width:400px;  padding:40px 0 40px 0; text-align:center;  }

父级元素高度固定:设置父级display: table，子元素设置其display:table-cell;和vertical-align:middle；

IE7及其以下对于display:table并能很好的支持，可以使用hack做兼容处理。

.wcenter3{ display:table;  width:400px; height:300px; }
.center3{ display:table-cell; vertical-align:middle;}

<div class="wcenter3">
    <p class="center3"></p>
</div>