兩列三列偶數響應同位素網格

任何人都可以幫助我完善一個網格，其中一列兩列，另一列有兩列。我有一個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

回答