Masonry IE9 始终只显示一列答案

【问题标题】：Masonry IE9 showing only one column, alwaysMasonry IE9 始终只显示一列
【发布时间】：2012-08-07 16:47:35
【问题描述】：

我的 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 缓存，上传我的网站以使其不在本地主机上，等等。

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

【问题讨论】：

标签： jquery jquery-masonry

【解决方案1】：

如果其他人也被永久卡在这一点上，这是desandro（作者）的答案：

感谢提交此错误 :)

看起来这是由某些 CSS 引起的

.brick { 边距：0 自动 10 像素自动； }

那些自动导致 IE 测量砖块的宽度作为占用容器的整个宽度。将其更改为边距：0 0 10px 0; 似乎解决了它。

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

【讨论】：

【解决方案2】：

谢谢詹妮弗，

我只想补充一点，这个问题/解决方案也适用于 Metafizzy 的 Packery。我还没有测试过 Isotope，但如果你也在那里找到它，我不会感到惊讶。

【讨论】：