Question

我已经写了这个脚本，在这里的一些成员的帮助下（感谢）得到导航的宽度，以及它的所有列表项子项，计算出有多少空间可用并将其设置为填充为列表项中的每个锚点。它工作但每个填充大约2像素，并不知道我哪里出错了。有人有任何线索吗？

$(document).ready(function () {

    var numb = $("nav ul").children().length,
        nav = $('nav').outerWidth(),
        width = 0;

    $('nav ul li').each(function () {
        width += $(this).outerWidth();
    });

    var padding = ((nav - width) / numb) / 2;

    $('nav ul li a').css({
        'padding-right': padding,
        'padding-left': padding,
    });
});

这是问题http://jsfiddle.net/axXR4/

的工作/非工作js小提琴

谢谢！

Answer 1

需要进行两项更改。

首先，从填充值中删除小数：

var padding = Math.floor(((nav - width) / numb) / 2);

从ul：

中移除填充

nav ul {
    list-style:none;
    padding:0;
}

http://jsfiddle.net/axXR4/5/

导航列表项自动大小

1 个答案: