一、css水平居中
css水平居中三种情况：
1，文本、图片等行内元素：
给父元素添加属性：
2，确定宽度的块级元素：
添加属性：
3，不确定宽度的块级元素：
有三种处理方法：
a、把块级元素display:inline;变成行内元素，然后使用text-align:center实现。
b、把块级元素包含在table里，然后对table添加属性：margin-left:auto;margin-right:auto;
c、给父元素设置float，然后为父元素设置：position:relative;left:50%。
子元素设置：position:relative;left:-50%。
二、css垂直居中
css垂直居中也大致有三种情况：
1，父元素高度确定，单行文本：
可以设置line-hight值等于其高度值实现；
2，父元素高度确定的多行文本、图片：
两种处理方法：
a、将它们包含在table标签中，td标签默认拥有属性vertical-align:middle;
b、为父元素添加属性：display:table-cell;vertical-align:middle;
3，父元素高度不确定的文本、图片：
为父元素设置相同的上下内边距：padding-top:10px;padding-bottom:10px;
对于ie6/7可能还要单独的加hack，为父元素设置position:absolute;top:50%;为子元素设置position:relative;top:-50%。