Question

我的标题菜单css问题，我尝试使用以下css代码中心菜单，

.header ul.nav li {
        float:right;
        position-right:0px;
        margin: 20px 0 0 15px;


    }
    .header ul.nav li a{
        color: #fcd770;
        text-decoration:none;
        font-weight:bold;
        padding-right:50px;


    }

out总是菜单在右侧，即使我移除了浮动：对了它搞砸了，看起来也是将整个菜单组移动到中心，在每个链接之间保持相同的空间，这是我的菜单代码

<ul class="nav">
            <li><a href="#">Home</a></li>
            <li><a href="/about/">about</a></li>
            <li><a href="/users/">user</a></li>
            <li><a href="/support/">Support</a></li>
        </ul>

Answer 1

在.header ul.nav上，添加text-align: center。

在.header ul.nav li上，移除float:right和不存在的position-right:0px;，然后添加display: inline-block。

如果您需要支持IE7，请将其用于display: inline-block：

display: inline-block;
*display: inline;
zoom: 1

css位置调整标题菜单

1 个答案: