导航中的Css Center ul li

Question

如何在导航中将li标签的水平ul居中：

        <nav>
            <ul>
                <li>
                    <a href="" title=""></a>
                </li>
                <li>
                    <a href="" title=""></a>
                </li>
                <li>
                    <a href="" title=""></a>
                </li>
            </ul>
        </nav>

Answer 1

中心怎么样？水平垂直？您想要更改<li>方向吗？

这是一个可能是你想要的codepen。

http://codepen.io/anon/pen/wKdgyd

Answer 2

找到解决方案

HTML：

<div class="main">
        <nav>
            <ul>
                <li>
                    <a href="" title=""></a>
                </li>
                <li>
                    <a href="" title=""></a>
                </li>
                <li>
                    <a href="" title=""></a>
                </li>
            </ul>
        </nav>
</div>

和css：

.main nav {
    width: auto;
    height: 80px;
    margin: 0 auto 0 auto;
    display: block;
}
.main nav ul {
    height: auto;
    margin: 21px auto 0 auto;
}

.main nav ul li {
    float: left;
    margin: 19px 0 12px;
    width: 33.3%;
    text-align: center;
}