居中设置

水平居中设置-行内元素

text-align: center;

水平居中设置-定宽块级元素

当被设置元素为块级元素时，用text-align: center;就不起作用了。
这时也分为两种情况：定宽块级元素和不定款块级元素
定宽块级元素：块级元素的宽度width为固定值
可以通过设置"左右margin值为auto"来实现居中。
margin:0 auto

水平居中设置-不定宽块级元素

定宽块级元素：块级元素的宽度width不固定
不定宽块级元素水平居中有以下三种常用方式：
1 加入table标签
2 设置display:inline:修改显示类型为行内元素，进行不定宽元素的属性设置。
3 通过给父元素设置float，然后给父元素设置 position:relative和 left:50%，子元素设置 position:relative 和 left: -50% 来实现水平居中。

垂直居中设置-父元素高度确定的单行文本

这里分两种情况：父元素高度确定的单行文本，以及父元素高度确定的多行文本。
父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的height和line-height高度一致来实现的。

垂直居中-父元素高度确定的多行文本：

1 使用插入table(包括tbody、tr、td)标签，同时设置 vertical-align：middle。
2 在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell（设置为表格单元显示），激活 vertical-align 属性，但注意 IE6、7 并不支持这个样式, 兼容性比较差。