Question

我想让我的元素平均调整边距，以便填充页面。我尝试使用jquery将页面宽度转换为值，但这并不起作用。

var margen = $(window).width()
$(document).ready(function () {
    $('#FixedMenu *').animate({
        'margin-left': 'margen/6'
    });
});

Answer 1

我对你的jsFiddle进行了一些更新，你可以在这里看到它：

我改变的是：

1

您找到了屏幕宽度：

var screenWidth = $(window).width();

2

您找到了固定菜单中子元素的总宽度

var widthOfChilds = 0;
$('#FixedMenu > *').each(function() {
    widthOfChilds += $(this).outerWidth( true );
});

3

从屏幕尺寸中取出子元素的总宽度，您将在子元素周围获得“自由”宽度。有六个，但你需要从右边的最后一个之后的空间，所以你将“自由”宽度除以孩子的数量+ 1

var newmargin = (screenWidth - widthOfChilds)/7;
$('#FixedMenu *').animate({
    'margin-left': newmargin
});

我希望它有所帮助！：）