Układanie siatki za pomocą izotopu - jquery, jquery-isotop

Używam izotopu Jquery do rozmieszczenia div o różnych rozmiarach.

Gdy jest to HTML:

<div id="feed">
<div class="item size1">
</div>
<div class="item size1">
</div>
<div class="item size1">
</div>
<div class="item size1">
</div>
<div class="item size1">
</div>
</div>

Siatka ładnie układa:

Ale kiedy zmieniam HTML na ten:

<div id="feed">
<div class="item size2">
</div>
<div class="item size1">
</div>
<div class="item size1">
</div>
<div class="item size1">
</div>
<div class="item size1">
</div>
</div>

Siatka wygląda tak:

The feed div jest 540px szeroki, ale chcę, aby szerokość była całkowicie wykorzystana, zanim będzie można wypełnić więcej rzędów, nie dzieje się to w drugim przypadku.

Jquery wygląda tak:

$("#feed").isotope({
itemSelector: ".item",
});

Odpowiedzi:

Powyższy problem został rozwiązany przez podanie skończonej wartości nieruchomości columnWidthlubię to:

$("#container").isotope({
masonry: {
columnWidth: 240
}
});

Więcej tutaj.