jQuery和margin-right

我在一行中有两列，第一列有右边空白，而第二列没有。我想使用jQuery砖石来移除空白。然而，右边空白处似乎与砖石结构不匹配

如何保持相同的框宽并删除行中第二个框后的边距

以下是HTML:

<div class="list">

    <div class="item"></div>
    <div class="item no-margin"></div>

    <div class="item"></div>
    <div class="item no-margin"></div>

    <div class="item"></div>
    <div class="item no-margin"></div>
</div>

.list{
    width: 350px;
    border: 1px solid red;
    overflow: hidden;
}

.item{
    width: 150px;
    height: 150px;
    background: green;
    margin-right: 50px;  
    margin-bottom: 50px;
    float: left;
}

.no-margin{
    margin-right: 0 !important;

}

jQuery('.list').masonry({
        itemSelector: '.item',
});

jQuery:

<div class="list">

    <div class="item"></div>
    <div class="item no-margin"></div>

    <div class="item"></div>
    <div class="item no-margin"></div>

    <div class="item"></div>
    <div class="item no-margin"></div>
</div>

.list{
    width: 350px;
    border: 1px solid red;
    overflow: hidden;
}

.item{
    width: 150px;
    height: 150px;
    background: green;
    margin-right: 50px;  
    margin-bottom: 50px;
    float: left;
}

.no-margin{
    margin-right: 0 !important;

}

jQuery('.list').masonry({
        itemSelector: '.item',
});

演示：

---

jQuery砌体有一个名为

gutterWidth

的选项。您应该使用它在元素之间创建额外的边距/边沟

在你的小提琴中，你也错过了加入

modernizer transitions.js

---

这里有一个工作示例：

jQuery砌体有一个名为

gutterWidth

的选项。您应该使用它在元素之间创建额外的边距/边沟

在你的小提琴中，你也错过了加入

modernizer transitions.js

下面是一个工作示例：