其实,只要 ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可以了。
html标签
<div id="footer"> <ul> <li>内容</li> </ul> </div>
css样式
#footer {
text-align: center;
}
#footer ul {
display: inline-block;
overflow: auto;
}
#footer ul li {
display: inline;
float: left;
}
这样其实是让ul在父元素中居中了,不过达到了我们想要的效果,还有就是我觉得其实没必要再给li设置display:inline;因为给一个元素设置position:absolute和float后会隐式的将该元素改变为inline-block。