導航與導航項目的動態寬

Question

我想導航菜單有3項與鏈接這是非常不同長度的文本例如：

首頁|很長的標題|是

我想這寬度菜單的是100％，但我想要的菜單項的widht是基於文本的長度。 （你可以用table/tr/td標籤很容易地做到這一點）。

我不想導航對齊（每個產品寬度的33％） - >我要的是第二項是更廣泛，因爲它裏面有更多的內容..

<ul class="nav main-categories nav-justified"> 
    <li> 
     <a href="#">title</a> 
    </li> 
    <li> 
     <a href="#">Veerryyyy looong title :)</a> // This should be more than 33% 
    </li> 
    <li> 
     <a href="#">title</a> 
    </li> 
</ul> 

有沒有辦法做到這一點？ （我希望它自動工作）

Answer 1

只需設置項汽車的寬度，它會自動設置根據它

<style> 
    .nav li a{ 
    width: auto; 
    } 
    </style>