$(function(){ $('#ItemContainer').masonry({ // options itemSelector : '.item' }); }); 这是我的HTML骨架
<HTML><body><div ID="content"> <ul ID="ItemContainer"> <li >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 – 我正在使用砖石,它没有给容器适当的高度,这就是为什么瓷砖内部错位全部内容，希望文章能够帮你解决HTML – 我正在使用砖石,它没有给容器适当的高度,这就是为什么瓷砖内部错位所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）