CSS同样大小水平导航栏的列表项目

Question

试图学习一点CSS，我想要一个水平导航栏，我使用ul和li来构建它。我希望所有的'按钮'具有相同的宽度，只用CSS就可以实现吗？

感谢

Answer 1

不完全确定你的意思是相同的宽度。你只需在链接上设置像素？你的约束是什么？你知道列表宽度吗？或链接宽度？

<style type="text/css"> 
    .menu { margin:0px auto; padding:0px; list-style-type:none; } 
    .menu li { margin:0px auto; padding:0px; float:left; } 
    .menu li a { display:block; width:200px; } 
</style> 


<ul class="menu"> 
    <li><a href="#section1">Section1</a></li> 
    <li><a href="#section1">Section1</a></li> 
    <li><a href="#section1">Section1</a></li> 
</ul> 

Answer 2

是啊，

ul li 
{ 
    display: block; 
    float: left; 
    width: 100px; 
} 
ul 
{ 
    padding: 0px; 
    list-style-type: none; 
} 

这样的事情。 （未测试）;