关于居中的文章已经很多了，关于浮动元素居中的文章也不少，本文介绍浮动元素li居中的另一方法，办法想当不错，就是用相对定位来实现“float:center;”的，一定得看看。
li居中的css代码:
复制代码 代码示例:
1..demo {
2.border: 1px solid #CCC;
3.margin: 5px auto;
4.overflow: hidden;
5.width: 1430px;/* 给包含ul的盒子设置宽度为浏览器窗口的物理宽度，发现li的内容仍然居中，说明无论是是否定宽，相对定位法均可以使float元素居中 */
6.}
7..demo ul {
8.float: left;
9.position: relative;
10.left: 50%;
11.}
12..demo ul li {
13.border: 1px solid #555;
14.float: left;
15.position: relative;/* 只能用相对不能用绝对 */
16.padding: 5px;
17.left: -50%;/* 或者right: 50%; */
18.list-style: none;
19.margin: 10px;
20.}
>>> 查看更多 css 居中 相关教程 <<<
