使CSS下拉菜单具有相同的宽度

时间:2011-01-24 21:40:53

标签: css menu html-lists drop-down-menu

我想在我的网站上的“我们的服务”菜单项中添加一个下拉菜单。您可以在http://dev.eimpactweb.com/Contact/查看开发位置。如果您将鼠标悬停在我们的服务上,您会看到下拉菜单存在,但所有项目的宽度都不同。如何使它们的宽度相同?我现在所有尝试做这项工作的b / c都非常令人讨厌,所以我为此道歉。在此先感谢您的帮助!

3 个答案:

答案 0 :(得分:0)

您可以将下拉列表中的每个宽度设置为固定宽度(例如200像素),并且应该为您修复它。

e.g。

<a href="/Services/Delivery/" style="width: 200px;">LineHaul Delivery</a>

或定义要应用于下拉列表中的标记的类。

答案 1 :(得分:0)

使用Firebug添加此 long CSS选择器可获得固定宽度下拉链接:

#navbar li ul a {
    width: 120px
}

当然,有可能更有效地做到这一点 - 但你已经知道了;它太乱了。

答案 2 :(得分:0)

将背景图像应用于&lt; a&gt;。它与标签内文本的宽度成比例。将它应用于&lt; li&gt;并且您将在&lt; ul&gt;中获得一致的宽度。