1、单行文本垂直居中的方法：将line-height设为和所在元素的高度一样。

例如，使文字在div中水平和垂直居中，假设你的DIV是高度100PX，宽度是1000PX，那你这样写，你的文字就会水平垂直居中：<div style="width:1000px; height:100px; text-align:center; line-height:100px; border:blue solid 1px;">水平垂直居中</div> 。  text-align:center意思就是说，让这个DIV里的文字水平居中，而line-height:100px;的意思是说，让DIV里面的每一行文字，占的高度为100PX（和那个DIV的高度一样），这样，文字就垂直居中了。

2、块级元素居中的方法：margin左右设为auto.

前端实战遇到问题