jQuery - 内部のdivの数にラッパーの幅を割ります。

Question

私は助けが必要です。私は動的に追加されるdivラッパーといくつかの他のdivの内部があります。 divの内部の数はランダムになるので、divの数は内部にあり、divの幅はラッパーに完全に収まるようになるスクリプトが必要です。

<div id="wrapper"> 
<div class="block">A1</div> 
<div class="block">A2</div> 
<div class="block">A3</div> 
<div class="block">A4</div> 
<div class="block">An</div> 
</div> 
<style> 
#wrapper {width:1000px;} 
div.block {margin:0 0 20px 20px; border:1px solid #ccc;} 
</style> 

マージンと境界線を考慮すると素晴らしいです！ ありがとうございました！

これは私のスクリプトです。それは良いですが、良いマージンを処理する。

私はスクリプトを作成しました。 ありがとうございました！

Answer 1

はjsFiddleをチェックアウト：http://jsfiddle.net/UTaSg/

あなたがかもしれません10進数の余分なスペースを丸めるために余分なスペースが残っています。

スクリプトは、最初または最後の要素の小数点以下の余分なスペースを追加することで簡単に改善できます。

Answer 2

あなたは私が正しくあなたを理解してきましたし、それぞれ「div.block」は、同じ幅を有していることを考えると、このような何かを行うことができます：

var $blocks = $('#wrapper .block'); 
$('#wrapper').css('width', $blocks.length * $blocks.first().width(true));