菜单栏需要占用页面宽度的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％

回答

相关问题