html - 用项目宽度填写菜单

Question

我正在做一个网站http://www.5eren.dk/，主菜单没有那么多项目，所以我想知道如何让项目填满整个菜单行？

它是http://www.5eren.dk/页面顶部的横向菜单

Answer 1

如果菜单来自 cms 或有移动版本，这不是防弹的，但是： CSS 解决方案：

添加到现有代码：

#header-menu ul.menu {
   width:100%
   display:table
}

和：

#header-menu ul.menu li{
   display:table-cell;
   float:none
}

Answer 2

您可以做的最简单的事情是给出#header-menu ul.menu li一个宽度，即

width:20%;

完成！