Question

我通过求和所有子元素（.project）的宽度来计算父元素（#projects）的宽度。为了避免错误，我需要在父元素的宽度上添加2个小数位。这怎么可能？

$(window).on( "resize", function () {
   $(".project").width( $(window).width() / 3 );

   var sum=0;
   $("#projects .project").each( function(){ sum += $(this).width(); });
   $(".container").width( sum );
}).resize();

Answer 1

如果宽度不能完全分割为3，表达式$(window).width() / 3显然会生成一个浮点值。

为了强制浮点值在结果中有两位数，可以使用

var sum = 0.0;

...


$(".container").width( sum.toFixed(2) );

编辑：请注意，并非所有浏览器/版本都能正确处理小数像素 - 1.357px可能以任意结果结束......

jQuery：设置2个小数位数

1 个答案: