jquery - 設定値は小数点以下2桁

Question

編集:サブピクセル レンダリングについて詳しく読むと、10 進数または部分的なピクセル値になる CSS 値は「ブラウザーに適した」ものではないことがわかりました。したがって、値には小数点以下の桁数を設定する必要があります。

すべての子要素 ​​(.project) の幅を合計して、親要素 (.container) の幅を計算しています。これまでのところ、これを試しましたが、うまくいきません。誰でも私を助けることができますか？

例:それぞれの幅が 363.667px の子要素が 5 つある場合、幅を 364px にしたいと考えています。

HTML マークアップ

<div class="container">
    <ul id="projects">
        <li class="project"></li>
        <li class="project"></li>
        <li class="project"></li>
        <li class="project"></li>
        <li class="project"></li>
        <li class="clear"></li>
    </ul>
</div>

jQuery

$(window).on( "resize", function () {
    var width = ( $(window).width() / 3 );
    $(".project").css({ width : width.toFixed() });

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