两列三列偶数响应同位素网格

任何人都可以帮助我完善一个网格，其中一列两列，另一列有两列。我有一个js小提琴演示我在说什么。我希望网格之间的间隙彼此相等，并且还需要整行的长度使其在所有尺寸上均匀。现在，三列甚至没有两列。即使差距甚至不是。两列三列偶数响应同位素网格

这是我对电网代码：

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

图像的预览我想要实现： enter image description here

enter image description here

2014-07-16 mark

你是什么意思时，你说'三不要列甚至没有两列'，你可以使用Paint画一个快速的图片，例如向我们展示你想要显示什么？ – singe3

@ singe31我认为他们的意思是2列部分的总宽度比3列部分宽。看到这个jsfiddle，其中包含所有必要的库http://jsfiddle.net/4HYSj/2/ – AndrewPolland

@ singe31我在我的问题上添加了一张照片。我希望列的边缘与另一列内嵌（或对齐）。我似乎无法实现它，因为它似乎总是缺少几个像素或太多，三列从另一行落下。 – mark

只要你错过了图像加载库。要使用该功能，您需要包含它。你可以在这里找到它：http://imagesloaded.desandro.com/imagesloaded.pkgd.js

所以，你只需要在你的代码类似，包括：

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

2014-07-16 14:49:34 AndrewPolland

我在我的实际工作上有图像加载插件，但这并不能帮助网格不均匀。如果你看到小提琴，底部网格有三列，甚至没有顶部的两列。这是我遇到的问题，它与图像没有任何关系。 – mark

对不起，我认为你的问题是你的jsfiddle中的明显差距。 – AndrewPolland

回答