Javascript 砌体：与分区布局有问题

我使用砖石来实现不同宽度的布局。大多数都有相同的高度，如果没有，他们的想法是，他们计算正确地排列在一起

您可以在此处查看小提琴：

这是我的代码：

//Javascript
var container=document.querySelector（“#砌体网格”）；
var msnry=新砌体（容器、{
//选择权
itemSelector:“.Mashiness”，
列宽：0
});
#砌体网格{宽度：80%；边距：0自动；}
.砖石{背景：#069；}
.Mashise-3{宽度：25%；填充底部：25%；背景：#0C6}
.砌体-4{宽度：33.3%；填充底部：33.3%；背景：#9C0}
.圬工-6{宽度：50%；填充底部：50%；背景：#C36}
.砌体-8{宽度：66.6%；填充底部：33.3%；背景：#FC9}
.Mashise-12{宽度：100%；填充底部：33.3%；背景：#036}
如果我明白了，这就是你想要的，对吗


我补充说：

HTML:

CSS:
列{宽度：8.3333%；}

我改变了：

JS:
columnWidth:'.column'
您需要一个非零的
columnWidth
。所发生的情况是，
Mashine
正在查找该变量，而being
0
正在使用它找到的与
itemSelector
匹配的第一个元素的宽度（您的
Mashine-4
对象）。您需要对其进行设置（将其设置为
1
最适合您尝试使用不同宽度进行的操作）

JSFiddle：
嗨，福特，就这样了。非常感谢你的意见，我真的很感谢。嗨，OxyDesign，对不起，我刚刚注意到你的评论。这似乎也很有效，对我来说更有意义，因为一列是8.333 rec.对吗？我是Stackoverflow新手，两个答案都回答了我的问题，那么我该怎么办？哈哈！是的，我添加了一列（1/12，基于您设置的“网格”，因此为8.33333%），并将其用作砌体的参考，就像砌体文件中建议的那样。对于StackOverflow，我想你只能选择一个答案。这取决于youThanks OxyDesign，这也解决了我的问题，非常感谢你的帮助，不客气。我在stackOverFlow上只呆了5天，所以我现在不知道所有的事情，但也许你可以投+1票给我的答案，即使你选择了另一个，或者将我的一条评论标记为有用，但我不确定