砌体IE9始终只显示一列

Question

我的Masonry在ie9中只有一列，但是在Firefox中它显示的列很好。我在小提琴中放了一个简单的例子： http://jsfiddle.net/vNXGB/

它是相同的，有或没有浮动：左。无论我试过哪三个图片加载脚本，以及我是否有图像，它似乎都是一样的：

https://gist.github.com/1539102

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

https://github.com/alexanderdickson/waitForImages

这样我的小提琴代码就出现了问题？我尝试在其他地方应用CSS，我尝试将IE设置重置为默认，清除IE缓存，上传我的网站，使其不在localhost等。

有什么想法吗？谢谢。 ：）

Answer 1

如果其他人在这一点上也永远陷入困境，这就是desandro（作者）的答案：

  

感谢您提交此错误：）

     

看起来这是由一些CSS

引起的      

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

     

那些自动导致IE测量砖的宽度作为占用   容器的整个宽度。将其更改为保证金：0 0 10px 0;   似乎解决了这个问题。

     

请参阅http://codepen.io/desandro/pen/sflJa

Answer 2

谢谢珍妮弗，

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