【问题标题】:Superfish Supersubs <li> menu items widthSuperfish Supersubs <li> 菜单项宽度
【发布时间】:2010-12-02 06:45:44
【问题描述】:

我已经在这个问题上停留了一段时间,非常感谢一些帮助。 我正在开发一个超级鱼水平下拉菜单。

我想知道如何使用 supersubs 将下拉菜单项的宽度设置为下拉菜单项的最大宽度。

默认为:$('ul.sf-menu').supersubs({ minWidth: 40, maxWidth: 41, extraWidth: 1 }).superfish();

我想要类似的东西:$('ul.sf-menu').supersubs({ minWidth: 40, **maxWidth: auto or 100%**, extraWidth: 1 }).superfish();

如果有任何帮助,我将不胜感激。

问候, 拜伦

【问题讨论】:

    标签: menu width superfish


    【解决方案1】:

    supersubs min 和 maxwidth 在 em 中,不是 % 或像素

    【讨论】:

    • 谢谢,我把这个整理好了。对于任何想知道的人,我的问题是我在 DOM 加载之前在 sf-menu 上调用 supersubs,这显然没有将元素调整为最大宽度。
    【解决方案2】:

    我遇到了 supersubs 有点问题的麻烦,我想出了一个优越的纯 CSS 替代方案。下拉&lt;UL&gt; 和它的&lt;LI&gt; 子项应该没有设置宽度(或者width:auto;,如果需要的话,我想),两者都应该设置为display:block;

    #nav li ul a { display:block; width:auto; white-space:no-wrap; } 
    

    你可以在http://epraxadev.com/clcnewport/comp/supersubs.html看到一个例子

    【讨论】:

    • 哎呀。如果菜单项需要具有相同的宽度(例如在悬停时链接的背景颜色发生变化的菜单中),这将不起作用
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-09-06
    • 2014-07-04
    • 1970-01-01
    • 1970-01-01
    • 2023-03-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多