3

我正在开发一个包含 3 列词汇表页面的 Wordpress 项目。我正在尝试使用 Masonry 将所有条目很好地组合在一起，这几乎可以工作，但并不完全。

这是有问题的页面：http ://ratherbrilliant.com/staging/starstruck/category/glossary/browse-A/

这是一个常见的 Wordpress 设置，这意味着容器 div 中嵌套了许多文章。

<div id="glossary-content">
  <article class="post">article content</article>
  <article class="post">article content</article>
  <article>article content</article>
</div>

文章是百分比宽度和浮动：

    body.category-glossary article {
    width: 26%;
    padding: 0 3% 0 4%;
    text-align: justify;
    margin-bottom: 25px;
    float: left;
}

我只使用了默认的 Masonry 设置，尽管我已经尝试了各种选项来让它工作。

$('body.category-glossary #glossary-content').masonry({
    itemSelector : '.post', 
});

它几乎可以工作了，但是如果向下滚动，您会看到第一个条目与其下方的条目之间存在巨大差距。我根本无法让它发挥作用。任何帮助将不胜感激。

谢谢！

4

0 回答 0