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

百度了许久都没有满意的解决方案，现在终于搞定了。

其实，只要 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;

}

巴特西

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

最新文章

热门文章