两列三列均匀响应的同位素网格

Question

任何人都可以帮我完善一个网格，该网格在一行中有三列，在另一行中有两列。我有一个js小提琴，以证明我在说什么。我希望网格之间的间隙彼此相等，并且整个行的长度使其在所有尺寸上均匀。现在，三列甚至没有两列。即便是差距也不大。

这是我的网格代码：

.home.w5 { width: 48.879%; }
.home.w2 { width: 32.0%; }

link to JS FIDDLE

预览我想要实现的图像：

Answer 1

您只是缺少imagesLoaded库。要使用该功能，您需要包含它。您可以在此处找到它：http://imagesloaded.desandro.com/imagesloaded.pkgd.js

因此，您只需要在代码中包含以下内容：

<script src="http://imagesloaded.desandro.com/imagesloaded.pkgd.js"></script>

请在此处查看jsfiddle：http://jsfiddle.net/4HYSj/2/