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佈局，強制內容進入特定列

回答

相關問題