私は内容を表示するために石積みを使用しています、masonry.desandro.com、問題はコンテナに適切な高さを与えていないことですそうすべき。ここに石積みjsがあります。
$(function(){
$('#ItemContainer').masonry({
// options
itemSelector : '.item'
});
});
これは私のHTMLスケルトンです
<html><body>
<div id="content">
<ul id="ItemContainer">
<li class="item">here li content with block style</li>
....more li's
</ul>
</div>
</body></html>
しかし、各liの高さを設定すると正常に動作しますが、その中の画像は任意の高さを持つことができるので、その高さを自動に保つ必要があります. アイテムの 2 行目は最初の半分まで、3 番目は 2 番目などに重なっています... ItemContainer に 426 ピクセルの高さを与えるたびに。
ここにコードをアップロードしました... www.testingmycode.comuv.com/rough2.html ...チェックアウトしてください。望ましくない動作を示し、リロードを押すと、タイルはMS Windowsのカードゲームのように配置され、ウィンドウのサイズを変更すると適切に配置されます...ブラウザのリロードボタンを2〜3回押し、ウィンドウのサイズを変更して表示します. チェックアウトしてください。