想象一下,我的页面标题中有一个导航栏,其中包含许多链接。我希望链接能够横向展开以填充父母;有没有办法使用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;
}
但这只是左对齐文本。我知道我可以使用一张桌子,但只是为了表明我可以,我正在尝试'正确'。或者,这是一个表格“正确”的情况吗?
答案 0 :(得分:1)
文字对齐:对齐;
答案 1 :(得分:0)
另一种选择是在导航栏周围创建宽度为100%的表格,并使每个导航项目都在td中 您甚至可以设置每个td的宽度(百分比)