javascript - JQuery Isotope - 将边距应用于元素的最佳方法是什么？

Question

我想对我的同位素元素应用完美的边距。问题是当我向我的元素声明类似的东西时:

CSS

#container .elements{
    margin-bottom: 20px;
    margin-left: 1%;
    margin-right: 1%;
    width: 23%;
}

JS

 $container.isotope({
      itemSelector: '.elements',
      layoutMode: 'fitRows'
 });

容器左右两侧有不需要的边距:

我该如何解决这个问题？

Answer 1

您可以通过使用左右边距均为负的容器来做到这一点

#container {
 margin-left: -1%;
 margin-right: -1%;
}