其實，只要 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。