水平居中：
1.text-align:center
2.margin:0 auto;
需要设置内容宽度；
垂直居中;
1.vertical-align:middle
该属性适用于只有一个元素属于inline或是inline-block（table-cell也可以理解为inline-block水平）水平，其身上的vertical-align属性才会起作用。例如图片，按钮，单复选框，单行/多行文本框等HTML控件；
2.line-height
该属性适用于单行文本的垂直居中；多行文字的垂直居中可以使用span标签将文本包裹，然后使用vertical-align属性使其居中；
原文：http://www.cnblogs.com/yzg1/p/4645349.html