Jquery 同位素容器未对准中心

我正在为我的投资组合网站使用同位素，但我在尝试将网格项目居中时遇到了一些麻烦。这是我的对开本供参考：

下面的jsfiddle使用了相同的尺寸和边距，似乎工作得很好。据我所知，我的容器是导致问题的原因；它的居中方式与JSFIDLE中容器的居中方式不同。无论我做什么，我的似乎都会拉伸页面的整个宽度。我唯一修改的是sortBy和itemSelector属性，我正在初始化同位素网格：

我已经检查了其他答案，并尝试了完美砌石，但没有结果

---

有什么想法吗？提前感谢。

最简单的方法是使用同位素v2和“isFitWidth:true”以及更新的jQuery（您的JSFIDLE中有1.5）

下面是一个更新的JSFIDLE

$container.isotope({
    // disable window resizing
    resizable: false,
    itemSelector: '.post',
    sortBy : 'random',
    masonry: {
      columnWidth: colW
}

$(function(){

var $container = $('#container'),
  $body = $('body'),
  colW = 360,
  columns = null;

 $container.isotope({
 // disable window resizing
  resizable: false,
 masonry: {
  columnWidth: colW,
    isFitWidth: true
}
});

$(window).smartresize(function(){
// check if columns has changed
var currentColumns = Math.floor( ( $body.width() -10 ) / colW );
if ( currentColumns !== columns ) {
  // set new column count
  columns = currentColumns;
  // apply width to container manually, then trigger relayout
  $container.width( columns * colW )
    .isotope('reLayout');
}

}).smartresize(); // trigger resize to set container width

});