1

我正在寻找一个独特问题的解决方案。我为多站点构建开发的主题的“网络菜单”下方有一个 wp_menu。菜单中心有一个小环，上面有标志，我很好奇是否有办法让一个透明的列表项保持那个位置，并允许所有其他“合法”的列表项环绕它，所以要么向左要么向右。

我已经有一个过滤器，可以插入一个可以通过添加 css 自定义的列表项，我只是不知道如何使一个列表项特别保留圆圈存在的位置。

该网站是： http ://www.mountainjackscreative.com/sandbox/edts/sample-page/

任何帮助，甚至只是想法都会很棒！

谢谢大家。

4

3 回答 3

1

由于您使用的是 jQuery，因此您可以在菜单上进行一些数学运算。

编辑：把这个放在你的头标签结束之前

LAST_EDIT：这是 JS 小提琴http://jsfiddle.net/BsnFW/14/。最后一次尝试:)

$(document).ready(function() {

    menuBreakPoint = 200; //width in px after which you want to insert the space (experiment with this)
    menuWidth = 0;
    rightMenuStart = 600; //width in px from left of menu container div to the right


    $('.sub_site_menu li').each( function() {
        menuWidth += $(this).width();
    if (menuWidth >= menuBreakPoint) {
       $(this).css('margin-left', (rightMenuStart - menuWidth));
       return false; //break out of each loop
    }
    });

});

用这个。

于 2012-08-26T06:18:57.910 回答
0

你能不把名单分成两份吗？一左一右浮动。提供适当的 ul 边距，以便徽标上不显示任何内容？

于 2012-08-26T02:13:47.470 回答
0

我将使用 jquery 解决方案，因为它很可能会在所有浏览器中呈现最佳结果。但是我确实偶然发现了这个关于即将在 CSS3 中实现的功能的其他资源

包括一个强制与新的 CSS3“列”功能兼容的脚本。

http://www.csscripting.com/css-multi-column/

于 2012-08-26T23:53:20.967 回答