2

我正在使用砖石进行布局。我只为内容框使用了 2 个 div 宽度，240 像素和 500 像素。我想做的总是将 500px 的框强制到布局的中间，所以我有一个更有序的薄厚薄的布局。我创建了一个 jpeg 来演示我想要实现的目标。

在此处输入图像描述

我深入研究了 jquery.masonry.js 文件的代码，试图弄清楚。到目前为止，我取得的最好成绩是操纵 div 的 X 位置，但是当我这样做时，它不会调整 Y 位置并且会抛出进一步 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 pos 被丢弃，并且当我遍历内容时，进一步的 div Y pos 将被关闭。

你可以在这里看到原始的完整砌体js：https ://github.com/desandro/masonry/blob/master/jquery.masonry.js

4

2 回答 2

0

添加horizontalOrder: true到您的函数中，它将强制从左到右。

于 2018-04-06T18:47:48.067 回答
-1

我的建议是创建 3 个砖石容器；左，中，右。虽然我不完全确定你为什么使用砖石，但对于这个简单的布局来说似乎是最重要的。我想它让响应式网站更容易，但我相信你可以用 CSS 实现你的 jpeg。

于 2013-02-27T00:52:50.143 回答