我正在使用砌体来显示内容，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 设置高度时它工作正常，但是其中的图像可以有任何高度，所以我必须将其高度保持为自动。第二行的元素在第一行上重叠到第一行的一半，第三行在第二行上，依此类推......每次它给 ItemContainer 426px 的高度。
这里我已经上传了我的代码... www.testingmycode.comuv.com/rough2.html ...请结帐。它显示不需要的行为，按重新加载，瓷砖的排列方式类似于 MS 窗口中的纸牌游戏，当您调整窗口大小时，它们会正确排列...按浏览器的重新加载按钮 2-3 次，调整窗口大小以查看它们.请结帐。
最佳答案
我看不到你的代码，但你必须使用 imagesLoaded() 方法。
var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.item',
columnWidth : 240
});
});
关于html - 我正在使用砖石，它没有给容器适当的高度，这就是为什么里面的瓷砖错位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12005156/