0

伙计们

我很难调整菜单的 CSS 部分。

我在http://aaron.wordpresstiger.com有一个网站，其中菜单的最后一个标题“CONTACT”出现在前面一行，不适合菜单。虽然我成功地让“HOME”第一个菜单项正确地适合菜单，但不是最后一个。

你能告诉我我应该添加什么 CSS 来解决这个菜单问题。另外，请看一下我需要菜单的最后一项显示与第一项（HOME）相同的css。

我需要菜单的项目看起来类似于这里的项目：http: //officialfacebooklikes.com/index.html（看看最后一个正确适合菜单的“CONTACT”）。

我期待收到帮助 :)

问候穆扎米尔·拉菲克

4

2 回答 2

1

好吧，如果你想创建一个水平菜单，你应该浮动列表项。但正如我从您的示例网站中看到的那样，您希望列表项的宽度均匀，因此您需要将这些列表项放入容器中，确定每个列表容器的宽度并浮动它们。还将文本对齐中心您的 a 标签。

祝你好运！

于 2013-05-19T22:52:44.000 回答
1

在您的 CSS 中，您需要添加两种样式

#access li {
    width: 25%;
}

#access li:last-of-type, li#menu-item-31{
    border-right: none !important;
    width:24% !important;
}

第一个将使每个菜单元素宽度的四分之一......第二个删除最后一个元素的右边框并重新调整其大小以适合导航栏的一行。

!important 标签可能不是必需的，但它们将确保这在第一次运行时有效。

于 2013-05-19T22:46:23.630 回答