jquery - Masonry IE9 始终只显示一列

Question

我的 Masonry 在 ie9 中始终只有一列，尽管在 Firefox 中它可以很好地显示列。我在 Fiddle 中放了一个简单的例子: http://jsfiddle.net/vNXGB/

无论有没有float:left，都是一样的。无论我尝试了三个 imagesLoaded 脚本中的哪一个，也无论我是否有图像，它似乎都是相同的:

https://gist.github.com/1539102

https://github.com/desandro/imagesloaded/

https://github.com/alexanderdickson/waitForImages

所以这在我的 Fiddle 代码中留下了一个问题？我尝试在其他地方应用 CSS，我尝试将 IE 设置重置为默认值，清除 IE 缓存，上传我的网站，使其不在本地主机上，等等。

有什么想法吗？谢谢。 :)

Answer 1

如果其他人也被永久困在这一点上，这是 desandro(作者)的答案:

Thanks for submitting this bug :)

Looks like this was caused by some CSS

.brick { margin: 0 auto 10px auto; }

Those auto caused IE to measure the brick's width as taking up the entire width of the container. Changing it to margin: 0 0 10px 0; seemed to fix it.

see http://codepen.io/desandro/pen/sflJa