这种办法想当不错,就是用相对定位来实现“float:center;”
.demo {
border: 1px solid #CCC;
margin: 5px auto;
overflow: hidden;
width: 1430px;/* 给包含ul的盒子设置宽度为浏览器窗口的物理宽度,发现li的内容仍然居中,说明无论是是否定宽,相对定位法均可以使float元素居中 */
}
.demo ul {
float: left;
position: relative;
left: 50%;
}
.demo ul li {
border: 1px solid #555;
float: left;
position: relative;/* 只能用相对不能用绝对 */
padding: 5px;
left: -50%;/* 或者right: 50%; */
list-style: none;
margin: 10px;
}