php - jQuery，砌体堆叠？

Question

我的网站需要一些帮助: http://www.lovejungle.com/dev/testenvironment/?cat=5

我的印象是 jQuery Masonry 将对象紧密堆叠 - 出于某种原因，当我随机化 div 框时，它们之间有很大的开放空间？

谁能看出为什么会这样？

基本上我想创建一个与此类似的网站:http://www.jwt.com/

如果您需要任何代码或更多信息，请告诉我，我会及时回复!

干杯!

迈克尔

Answer 1

引自jQuery Masonry网站:

Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.

所以，基本上，只有当所有元素的宽度保持相同时，您的元素才能很好地适应。就像如果所有元素的高度都相同，float 会很好地适应一样。您可以在您提到的网站上观察到这种效果:http://www.jwt.com/其中所有堆叠元素具有相同的宽度。 :)

HTH.

---

编辑:这也意味着您的元素的宽度可以是网格中其他元素的倍数。您可以拥有一个宽度是普通元素宽度 3 倍的大元素。