我正在编写一个将列自动添加到div中的应用程序。 (Div内的Divs)。问题出在诸如6之类的奇怪的球列宽度上。6不能平均分为100%,所以我的解决方案是找到小数点后的余数并将其添加到最后一列。

由于某些原因,当我计算余数时,它是0.3999999999999915而不是.4

这是我的jQuery

var numCol = $('.column').length,
        colWid = Math.floor((100 / numCol) * 10) / 10,
        numRem = 100 - (colWid * numCol);

    $('.column').width(colWid + '%');
    $('.column:last-child').width(colWid + numRem + "%");

    alert(numRem);


我应该使用Math.round吗?我担心这可能会在以后引起一些问题。



解决了

var numCol = $('.column').length,
        colWid = Math.floor((100 / numCol) * 1000) / 1000,
        numRem = (100 - (colWid * numCol)).toFixed(3);

    $('.column').width(colWid + '%');
    $('.column:last-child').width(Number(numRem)+ colWid +'%');

最佳答案

这不是错误。这就是浮点设计的方式。
您可以使用number.toFixed()将float转换为字符串

toFixed接受许多数字作为参数。

关于javascript - 计算精确百分比宽度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18584120/

10-12 15:35