浮动后的 <li> 如何在 <ul> 中居中显示？

只要 ul 的父元素 css 样式设置了 text-align: center; 然后 ul 设置了 display: inline-block; 因为li浮动后变成了inline-block，所以不需要设 置display: inline-block; 就可以了。

html标签

<div id="header">
      <ul>
            <li>内容</li>
            <li>内容</li>
      </ul>
</div>

css样式

#header {
    text-align: center;
}
#header ul {
    display: inline-block;
    overflow: auto;
}

#header ul li {
    float: left;
}