Javascript 基于子N和js具有自定义css边距的同位素对象

我一直在做simple.同位素库，这是chrome开发工具中选定的#公文包包装容器的外观：

---

我无法上传三个链接，因此您必须返回此处：

---

-->检查图像2现在检查图像3现在为了针对每一行4个元素的第一个和第四个子元素，第一个没有左边距，第四个没有右边距，您应该使用以下规则 （根据您在问题中提到的课程……）

不规则布局

不看代码就不确定了。 但如果#5向右浮动，而#3找不到自己的位置，就会像假设的那样，随着浮动元素的移动而下沉。它没有到达容器的左侧，因为它在#1之后找到位置，而#1使用的是20px的底部边距。 最后#4位于#3下方，可以到达容器的左侧。 因此，您看到的是视觉格式模型所说的预期布局

javascript函数

---

你也去看看吧。else语句应该跟在后面，如果

请显示您的html和css。顺便问一下，您是否真的希望从第四个元素开始，第一个元素的底部边缘为20像素？像这个1，5，9等等。每个项目必须有20px的底边，除了1，5，9等等之外的每个项目都必须有2px的底边。就像这里：我将编辑JSCSS，因为它应该是0 20px 0；不是0 20px；。它的wordpress和它将很难显示代码，所以可能需要指定您想要的部分：）阅读下面我的答案。您的jscript代码不正确。在您的问题中，您指出“每个同位素对象（带文本的圆圈）的边距为：0 10px 0 10px”；每个项目的底部边距应为20px，除1、5、9或4n+1外，其他项目的左侧边距也应为20px。因此，它们将很好地堆叠。我在js方面真的很差劲，所以毫无疑问我把事情搞砸了。我来检查一下彩车，谢谢！此外，我不能真正显示html和css文件，因为我不拥有它，它的商业wordpress和部分代码不是我的/

margin: 0 10px 0 10px;

#portfolio-wrap > div:nth-child(4n+1)  {
    margin: 0 0 20px 0;
}

var x=0;
$('.portfolio-item:not(.isotope-hidden)').each(function(){
     for (x=4*x+1; x<=50; x++ ) { 
        $(this).css('margin','0 0 20px 0') 
     } else {
        $(this).css('margin','0 0 20px 20px')
     }
})

$('.portfolio-item:not(.isotope-hidden)').each(function()) {
        for (x = 1; x <= 50; ++x) { 
        if ((x - 1) % 4 == 0) {
            $(this).css('margin','0 0 20px 0') 
        } else { 
                $(this).css('margin','0 0 20px 20px')  
        } 
    }}

#portfolio-wrap > div:nth-child(4n+1)  {
    margin-left: 0px;

}
#portfolio-wrap > div:nth-child(4n+4)  {
    margin-right: 0px;
}