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; 
} 

這樣的事情。 （未測試）;