<span style=”white-space:pre”> </span>}
<span style=”white-space:pre”> </span>.center {
<span style=”white-space:pre”> </span>float: left;
<span style=”white-space:pre”> </span>position: relative;
<span style=”white-space:pre”> </span>right: 50%;
<span style=”white-space:pre”> </span>}</span>
通过给父元素设置浮动float和相对定位在向左移动50%，再给元素设置浮动float和相对定位并让其向右移动50%来实现的水平居中。
优点：扩展性强，兼容性强；
缺点：使用了浮动需要清除，并且该方法理解起来比较困难。
5、使用绝对定位和负边距居中；
<span style=”font-weight: normal;”> .center {
position: absolute;
width: 宽度值；
left: 50%;
margin: -(宽度值/2);
}</span>
该方法在不知具体宽度时并无法使用，我们可以和方法四结合起来：
.pagination {
position: relative;
}
.pagination ul {
position: absolute;
left: 50%;
}
.pagination ul li {
line-height: 25px;
margin: 0 5px;
float: left;
position: relative;
right: 50%;
}
优点：扩展性强，兼容性强；
缺点：理解起来较为困难。
6、CSS3的flex（伸缩盒模型）实现水平居中。
.pagination {
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-pack: center;
display: -o-box;
-o-box-orient: horizontal;
-o-box-pack: center;
display: -ms-box;
-ms-box-orient: horizontal;
-ms-box-pack: center;
display: box;
box-orient: horizontal;
box-pack: center;
}
优点：实现便捷，扩展性强；
缺点：兼容性差。
7、CSS3的fit-content实现水平居中方法。
.pagination ul {
width: -moz-fit-content;
width:-webkit-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
优点：简单易懂，扩展性强；
缺点：浏览器兼容性差。
8、利用table元素实现水平居中。
.table-center {
margin: 0 auto;
}
使用table作为容器的方法来实现，添加了无意义的标签。
table标签本身并不是块级元素，当我们不设置table的宽度的时候，table里面的宽度 是由它内部的元素的宽度撑起来的，这样我们就可以通过设 置table水平居中从而使它内部的元素居中了。
优点：简单易懂；
缺点：增加了无意义的标签。
9、通过设计隐藏的div框来使显示的内容居中。
.div-left {
display:inline-block;
