导致<div>内容展开?</div>

时间:2009-09-09 15:48:12

标签: html css

想象一下,我的页面标题中有一个导航栏,其中包含许多链接。我希望链接能够横向展开以填充父母;有没有办法使用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;
}

但这只是左对齐文本。我知道我可以使用一张桌子,但只是为了表明我可以,我正在尝试'正确'。或者,这是一个表格“正确”的情况吗?

2 个答案:

答案 0 :(得分:1)

文字对齐:对齐;

答案 1 :(得分:0)

另一种选择是在导航栏周围创建宽度为100%的表格,并使每个导航项目都在td中 您甚至可以设置每个td的宽度(百分比)