Css 导航栏中的等间距

我犯了一个错误“粘性的Navar使用CSS和HTML5和我有4个链接放置在NavBar上，但是我不能让它们自己空间<强>同样现在在你说这是一个复制和全部之前，但是首先，没有一个解决方案对我起作用，第二，我在Navar的中间有一个标志……请帮帮我！这是我的网站：catsonfire.tk

<style>
    article {
        margin: auto;
        height:auto;
        padding-bottom:10px;
    }

    header {
        margin: auto;
        width: 100%;
        position: relative;
        top: 16px;
        height: 60px;
    }

    footer {
        background-color: wheat;
        align-content: center;
        margin: auto;
        width:100%
    }
    nav {
        position: relative;
        width: 100%;
    }
    #header_container ul {
        margin: 0;
        padding: 0px;
        list-style-type: none;
        text-align: center;
    }

    #main {
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    #header_container ul li {
        display: inline;
        width: 25%;
        margin:0;
        padding:0;
    }

        #header_container ul li a {
            text-decoration: none;
            padding: 39px;
            color: #fff;
            padding: 12px 0 13px 0;
        }

            #header_container ul li a:hover {
                color: #000;
                background-color: rgba(0, 0, 0, 0.7);
                box-shadow: 1px 1px 1px inset;
                -moz-box-shadow: 1px 1px 1px inset;
                -webkit-box-shadow: 1px 1px 1px inset;
            }
    #big {
        background: rgba(0, 0, 0, 0.5);
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
        width: 100%;
        position: absolute;
        height: 105px;
    }
    #header_container {
        left: 0;
        position: fixed;
        width: 100%;
        top: 0;
        z-index:1000;
        height:150px
    }

    #header {
        line-height: 60px;
        margin: 0 auto;
    }
</style>

文章{
保证金：自动；
高度：自动；
垫底：10px；
}
标题{
保证金：自动；
宽度：100%；
位置：相对位置；
顶部：16px；
高度：60px；
}
页脚{
背景色：小麦；
对齐内容：居中对齐；
保证金：自动；
宽度：100%
}
导航{
位置：相对位置；
宽度：100%；
}
#集箱{
保证金：0；
填充：0px；
列表样式类型：无；
文本对齐：居中；
}
#主要{
边界半径：10px；
-moz边界半径：10px；
-webkit边界半径：10px；
}
#集箱{
显示：内联；
宽度：25%；
保证金：0；
填充：0；
}
#集箱{
文字装饰：无；
填充：39px；
颜色：#fff；
填充：12px 0 13px 0；
}
#标题_容器ul li a：悬停{
颜色：#000；
背景色：rgba（0,0,0,0.7）；
盒影：1px 1px 1px插页；
-moz盒阴影：1px 1px 1px插图；
-webkit盒阴影：1px 1px 1px插图；
}
#大的{
背景：rgba（0,0,0,0.5）；
顶部：0px；
左：0px；
右：0px；
边际：0px；
宽度：100%；
位置：绝对位置；
高度：105px；
}
#集箱{
左：0；
位置：固定；
宽度：100%；
排名：0；
z指数：1000；
高度：150像素
}
#标题{
线高：60px；
保证金：0自动；
}

• 家
• 关于

---

您的网站显示了两个链接，但有一些想法：

#big ul{
    display:block;
}
#big li {
    display:block;
    width:25%;
    float:left;
    text-align:center;    
}
#big li a{
    display:inline-block;
}

---

将

li

元素设置为其父元素

ul

宽度的1/4，然后将每个

a

元素居中放置。添加您想要的样式。

在我说这是重复的之前，让我问一下-我们如何知道问题出在哪里而不看到任何代码？哎呀！完全忘记了！即时通讯it@TilwinJoy现在要求你取消你的反对票是公平的…不起作用。。。它让我的标志被推到角落里。。。你认为当有4个标志时它会起作用吗？顺便说一句：我的标志应该在CENTER@aleks您需要重新考虑一下html布局。我会将徽标放入自己的

，这样您就可以在
顶部设置[link][link][logo][link][link]，然后将每个宽度设置为20%。然后你可以添加更多内容并根据需要更改宽度。我终于让它工作了，你可以在一分钟内看到新版本（在同一链接上）@aleks很高兴我能帮上忙。当你这样做的时候，添加一个
转换：所有0.2秒都容易进入
到你的css中的
#big li a
，我想你会喜欢的。当然，我会试试，谢谢