可滚动居中的NavBar

时间:2018-08-14 16:47:48

标签: html css

我想要我的一页的导航,该导航在滚动时可见,并且导航项应居中。

它可以使导航栏居中,并且可以滚动,但不能同时滚动:

这是我的导航栏:

AccessDeniedHandler

CSS(CENTER工作):

<nav>
    <ul class="nav">
        <li><a href="#aa">aa</a></li>
        <li><a href="#bb">bb</a></li>
        <li><a href="#cc">cc</a></li>
    </ul>
</nav>

如果我添加:

.nav{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
    padding:10px;
}
.nav ul {
    display: inline-block;
    list-style-type: none;
}

.nav类的导航是可滚动的,但不再居中。

1 个答案:

答案 0 :(得分:1)

问题在于您的// global: struct My_header* gloabl_p; void foo(struct Foo_Type* foo) { foo->header.bits = 1020; global_p->bits = 15; return foo->header.bits; // the compiler can't just return 1020 here because it doesn't know // if `foo.header` and `global_p` both alias the same object or not. } 元素的宽度。因此,只需将.nav添加到您的width: 100%

.nav