IE9中的同位素显示在一列中

Question

我使用Metafizzy的Isotope，当我在IE 9中测试它时，元素在一列中，而不是每行4列。

它适用于所有其他浏览器，甚至IE8。

这是我使用的同位素代码：

    var $container_gd = $('#gd .program-content').isotope({ 
    itemSelector : '.student-gd', 
    layoutMode: 'fitRows',
    getSortData: {
        name:  '[data-name]'
    },
    sortBy: 'name'
});

我也有过滤按钮，这些工作正常，只是布局被打破了。

以下是codepen：http://codepen.io/anon/pen/vtgwK

任何想法如何解决？

Answer 1

我在Isotope GitHub存储库中发布了这个问题，我在那里得到了答案。我为正在排序的项目设置了一个自动边距，IE9将对中计算为项目宽度的一部分。将边距设置为0可以解决问题。