Css 如何在<；中居中等距定位标记；导航>；HTML5的元素

我有几个基本的CSS和HTML5相关的问题

请忍受无知

我有一个

元素

<nav>
    <a href="/html/">HTML</a>
    <a href="/css/">CSS</a>
    <a href="/js/">JavaScript</a>
    <a href="/jquery/">jQuery</a>
</nav>

此外，我希望锚定标记的间距相等，同时锚定标记内的文本水平居中对齐

我试过了

    nav a {
        display: inline-block;
        width:25%;
        border: 1px solid red;
    }

但它不起作用

2>如何做到这一点？

    nav {
        text-align: center;
        border: 1px solid #ABABAB;
    }

请提供一个新手容易理解的解释。

您可以使用css3。下面的css将创建您需要的结果

nav {
  display: flex;
}
nav a {
  flex-grow: 1;
}

nav{
文本对齐：居中；
边框：1px实心#阿巴巴；
边缘底部：10px；
显示器：flex；
}
导航a{
柔性生长：1；
边框：1px纯红；
}

您可以使用css3。下面的css将创建您需要的结果

nav {
  display: flex;
}
nav a {
  flex-grow: 1;
}

nav{
文本对齐：居中；
边框：1px实心#阿巴巴；
边缘底部：10px；
显示器：flex；
}
导航a{
柔性生长：1；
边框：1px纯红；
}

---

您可以将链接浮动到左侧，并清除

:after

:before

*{
框大小：边框框；
}
导航{
文本对齐：居中；
边框：1px实心#阿巴巴；
}
导航a{
显示：内联块；
浮动：左；
宽度：25%；
边框：1px纯红；
}
导航：之后，
导航：以前{
显示：表格；
明确：两者皆有；
内容：''；
}

---

您可以将链接浮动到左侧，并清除

:after

:before

*{
框大小：边框框；
}
导航{
文本对齐：居中；
边框：1px实心#阿巴巴；
}
导航a{
显示：内联块；
浮动：左；
宽度：25%；
边框：1px纯红；
}
导航：之后，
导航：以前{
显示：表格；
明确：两者皆有；
内容：''；
}

您是在寻找添加的图像吗？@WhiteHox是。我不想给出一个固定的宽度。那么，如何达到同样的效果呢？你是在寻找你添加的图像吗？@WhiteHox是的。我不想给出一个固定的宽度。那么，如何实现同样的目标呢？