水平居中：
1)、使用水平居中属性定义水平居中：
text-align:center;
无法在各浏览器显示一致！
2)、使用边界属性定义水平居中：
margin:0 auto;
垂直居中：
1)、使用垂直属性定义垂直居中存在问题：
vertical-align:middle;
vertical-align属性只能作用于内联元素！无法使块元素中的内容垂直居中（div为块元素）！！
2)、使用边界属性定义垂直居中存在问题：
margin:0 auto;
IE中父子元素顶部相差一段距离，不居中，
Firefox中父子元素距离不变，不居中！
3)、使用父元素的补白属性定义垂直居中：
padding: **px;
4)、使用子元素的边界属性定义垂直居中：
margin: **px;
5)、使用子元素的定位属性定义垂直居中：
position: relative;
top: **px;
6)、使用子元素的定位属性和边界属性定义垂直居中（内容大小固定）：
position:relative;
top:50%;
margin-top:-50px;
7)、使用子元素的定位属性和边界属性定义垂直居中（容器大小固定）：
line-height: **px;
font-size: **px;
父元素高度确定，通过定义行高和元素高度相等的方法设置内联元素的垂直居中！
8)、使用子元素的定位属性和边界属性定义垂直居中（容器大小内容大小不固定）