2014-07-16 20 views
1

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

这是我对电网代码:

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

link to JS FIDDLE

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

enter image description here

+0

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

+0

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

+0

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

回答

0

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

所以,你只需要在你的代码类似,包括:

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

见的jsfiddle这里:http://jsfiddle.net/4HYSj/2/

+0

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

+0

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