【问题标题】:Fill out menu with items width用项目宽度填写菜单
【发布时间】:2013-09-21 09:38:42
【问题描述】:

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

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

【问题讨论】:

  • 请在此处复制/粘贴您的 HTML/CSS 代码的简化版本。您的网站最终会改变,但这个问题会一直存在。
  • -1:这个问题很快就会被链接腐烂。请附上一个小的独立示例来说明您的问题。 -- 编辑:近距离投票,因为目前还不清楚你在问什么。

标签: html css drupal-7


【解决方案1】:

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

添加到现有代码:

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

和:

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

【讨论】:

  • 这对我有用.. 非常感谢 :) 不用担心移动版本,因为我将在移动浏览器中使用下拉菜单。
【解决方案2】:

你能做的最简单的事情就是给#header-menu ul.menu li一个宽度,也就是

width:20%;

完成了!

【讨论】:

  • 感谢您的回答,但我要添加更多菜单项,然后 20% 不会加起来 :)
猜你喜欢
  • 1970-01-01
  • 2023-03-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多