Javascript 同位素项目的定位

我刚刚为最近的一个项目设置了同位素，并在我的页面底部添加了这个

<script type="text/javascript">
$('#isotope').isotope({
layoutMode : 'masonry',
itemSelector : '.isotope-item'
});
</script>

---

我正在试图弄清楚这是什么，如果有任何帮助，我将不胜感激。

同位素中的砌石布局默认使用第一个项目的宽度。如果这超过容器宽度的一半，它们将全部显示在一列中

尝试将宽度设置为一个小数字作为测试：

<script type="text/javascript">
$('#isotope').isotope({
  layoutMode : 'masonry',
  masonry: {
      columnWidth: 5
  }
  itemSelector : '.isotope-item'
});
</script>

$（'同位素'）。同位素({
布局模式：“砌体”，
砌体：{
列宽：5
}
itemSelector:“.同位素项目”
});

---

一个非常小的

columnWidth

数字的缺点是，同位素为高度计算创建了更多的列，这会降低计算速度并占用更多内存。

包含元素的宽度是多少？它是否设置了

位置：relative

？是的，对不起，我没有把这个放进去。它是这样的：“位置：相对；溢出：隐藏；高度：4043px；”。这个元素的宽度是多少？您使用的是firebug或类似产品吗？宽度为1040px。我正在使用Chrome中的Inspector。您是否为您的项目设置了宽度和高度？

<script type="text/javascript">
$('#isotope').isotope({
  layoutMode : 'masonry',
  masonry: {
      columnWidth: 5
  }
  itemSelector : '.isotope-item'
});
</script>