菜單欄需要佔用頁面寬度的100％

-2

我有下面這個菜單。我希望它佔據頁面寬度的100％，並且元素均勻分佈。怎麼做？菜單欄需要佔用頁面寬度的100％

<html> 
    <head> 
     <style type="text/css"> 
      ul { 
       list-style: none; 
       padding: 0; 
       margin: 0; 
       width: 100%; 
      } 
     li { 
      float: left; 
      } 

     </style> 
    </head> 
    <body> 
     <ul> 
      <li>jkflasd</li> 
      <li>jkflasd</li> 
      <li>jkflasd</li> 
      <li>jkflasd</li> 
      <li>jkflasd</li> 
      <li>jkflasd</li> 
      <li>jkflasd</li> 
     </ul> 
    </body> 
</html>

來源

2013-06-12 ziiweb

我認爲你可以找到它[在這個蘇答案（http://stackoverflow.com/a/3259695/474535） –

它完美你得到了什麼那裏。唯一的一點是你不力給予高度與UL所以它不fisplay什麼看一看:

FIDDLE

來源

2013-06-12 13:41:18 ErikMes

好，我的預期是菜單的聲音均勻分佈 – ziiweb

看到我更新的小提琴。你是這個意思嗎？ – ErikMes

是的，謝謝！ ..... – ziiweb

如果你知道你有多少裏有，你簡單的可以用這個CSS：

li { 
    float: left; 
    width: (100/number of li)%; 
}

但這意味着，你必須改變它，每次你改變你的菜單欄。

Sarajog

來源

2013-06-12 13:58:31 Sarajog

菜單欄需要佔用頁面寬度的100％

回答

相關問題