Jquery Masonry布局，强制内容进入特定列

我正在使用masonry进行布局。对于内容框，240px和500px，我只使用了2个div宽度。我想要做的是始终强制500px框到布局的中间，所以我有一个更有序的薄薄厚布局。我创建了一个展示我想要实现的jpeg。Jquery Masonry布局，强制内容进入特定列

enter image description here

我挖成jquery.masonry.js文件的代码，试图弄明白。迄今为止我所取得的最好成绩是操纵div的X位置，但是当我这样做时，它不会调整Y pos并抛出更多div的高度计算。查询不是我的第一语言，我很难弄清楚每列的Y高度是如何计算的。任何人都挖过砌体来做到这一点？

我所取得的成绩是这样的：

 if($brick.width() === 240) { 
     //code here to make sure this div's x position is either 5 or 785 

    if($brick.width() > 260) { 
    //code here to make sure this divs x position is set at 265

但经过我重新定位这些div的Y位置被揭去，当我通过内容进一步的div循环Y位置将被关闭。

你可以看到原来的全砖石JS这里：https://github.com/desandro/masonry/blob/master/jquery.masonry.js

来源

2012-12-03 R M

这个问题有点隐藏。你可能想解释你想做什么，到目前为止你做了什么，然后得出你需要回答的结论。 –

不知道该怎么说更好。我做了一个jpeg，你可以看到它说明了我想要做的事情，我已经能够在砌体布局内操纵div的x位置，但仅此而已。在这一点上，我仍然不能很好地理解代码（可以在github链接中查看），以将特定宽度的容器放入特定列 –

我的建议是创建3个砌筑容器;左，中，右。虽然我不完全确定你为什么使用砌体，但对于这个简单的布局来说，似乎超过了顶层。我想这让它更容易响应的网站，但仍然，我相信你可以用CSS实现你的jpeg。

来源

2013-02-27 00:52:50 user1425011

Jquery Masonry布局，强制内容进入特定列

回答

相关问题