【问题标题】:Isotope Issue: Masonry Column Width Twice as large as it was defined in code同位素问题:砌体柱宽是代码中定义的两倍
【发布时间】:2012-03-29 11:25:36
【问题描述】:

这很奇怪,我在网络上进行了非常彻底的研究。我没有找到任何解决方案。

jQuery 说:

$container.isotope({ itemSelector : '.post', 石工: { 列宽:250, }
});

.post 的风格说:

.post { 宽度:250px; }

当 Isotope 定义 .post 的位置时,第二列位于页面左侧 500 像素处。第三列,距页面左侧 1000 像素。就像每列的宽度都是 500px。

链接是:http://asimob.tv

因此而变得秃顶和高血压。我真的非常感谢一些帮助。请!

【问题讨论】:

    标签: jquery grid fluid-layout jquery-isotope


    【解决方案1】:

    我遇到了同样的问题,似乎“columnWidth”属性不仅仅是元素的宽度(例如.post),而是宽度+边距。

    所以 columnWidth 应该等于元素宽度 + (margin x 2)。

    希望这可能对偶然发现此问题的人有所帮助。

    【讨论】:

    • 谢谢,谢谢,谢谢。刚刚花了 30 分钟把我的头撞在墙上。傻。
    • 很高兴它帮助了某人! :)
    【解决方案2】:

    在启动 Isotope 时删除选项部分中的 columnWidth:250。

    【讨论】:

    • 非常感谢您的回答。我试图删除它,但随后发生的是同位素会自动将列宽定义为在容器中找到的第一个元素。由于我打算有多个尺寸的盒子,当第一个盒子碰巧比其他盒子大时,其余盒子的列会变大。只需按照您在asimob.tv 中的建议设置同位素即可
    猜你喜欢
    • 1970-01-01
    • 2015-03-09
    • 2016-02-10
    • 2018-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-17
    • 1970-01-01
    相关资源
    最近更新 更多