水平居中:

1、行内元素用【text-align:center;】2、定宽块状元素：【border:1px  solid red; width:200px; margin:auto;】3、不定宽块状元素有三种方法：（一）【加入table，设置margin居中，跟定宽状一样】  （二）【设置为行内元素 display:inline;   然后使用text-align:center】  (三）【父元素设置：float:left  position:relative;     left:50%;        子元素设置：position:relative;     left:-50%;】。

垂直居中：

1、【height:60px;   line-height:60px; text-align:center;】2、【<table><tbody><tr><td>    td自带垂直属性vertical-align:middle   所以不需要添加】3、【display:table-cell; vertical-align:middle    兼容性较差，只供参考】

自己总结的，可以看一下

line-height:30px;

height:30px;

text-align:center;

vertical-align:middle;

* {
line-height: 60px;
height: 60px;
text-align: center;
vertical-align: middle;
}