html - 导致 内容散开？

Question

假设我的页眉中有一个导航栏，其中包含许多链接。我希望链接水平展开以填充父级；有没有办法使用 CSS 来做到这一点，而不依赖于我根据链接数量进行硬编码？例如，如果我添加或删除一个链接，我希望它仍然有效。

我试过:

<div class="navBar">
    <a class="navBtn" href="#" >Home</a>
    <a class="navBtn" href="#" >Services</a>
    <a class="navBtn" href="#" >About us</a>
    <a class="navBtn" href="#" >Blog</a>
    <a class="navBtn" href="#" >Contact</a>
</div>

div.navBar
{
    text-align:justify;
}
a.navBtn
{
    font-style:italic;
}

但这只是将文本左对齐。我知道我可以使用一张 table ，但只是为了证明我可以，我正在尝试“正确地”做。或者，这是表格“正确”的情况吗？

Answer 1

文本对齐:对齐；