问题标签 [masonry]

没有图片我不知道如何解释。请看一下。

我很确定我做的一切都是正确的，但由于某种原因，div 没有向下移动。这是我的代码：

HTML

CSS

此外，由于某种原因，它似乎在 Codepen 中渲染时工作：http: //codepen.io/ellis/pen/BCsoE

我正在与 Masonry 在 shopify 演示商店合作，我们还使用无限滚动的改编来加载产品，而不必对它们进行分页。在我尝试调整页面大小并且砌体重新计算砌体 div 的高度之前，这一切都很好。它这样做，但只包括在第一页加载时加载的元素的高度，而不是在滚动时加载的所有元素。

这是我的代码：

这是演示页面的链接： http: //sweetpea-bicycles.myshopify.com/collections/accessories

同样，仅当您使屏幕变小或变大以使网格宽度发生变化时，才会出现此问题。

大家！

我正在从头开始构建我的第一个网站。我知道 HTML 和 CSS，但我对 JavaScript 和 PHP 的了解非常基础。因此，对于我使用 Masonry 网格布局库的网站，将其与 ImagesLoaded 相结合，这样图像就不会重叠。根据官方网页上的说明，我在我的 HTML 中包含了一个脚本，但不知何故它根本不起作用。（只是 Masonry，没有 ImagesLoaded，正在工作，但图像重叠。）请告诉我，我做错了什么。

这是网页。如您所见，Masonry 没有初始化。

http://vprilenska.netai.net/design_archandfilm.php

这是脚本。我已将它包含在我的 HTML 底部的正文结束标记之前。

是的，砌体应用于物品。每个项目都是一个带有图像和标题的 div，向右浮动。所有图像都位于容器砌体中。列宽和装订线由元素定义。

我已经使用 ajax (jQuery) 构建了一个 Flickr 照片提要，并希望将砌体布局应用于图像。

这是页面http://flickrfeed.memonamadi.com/（单击城市按钮获取提要）。

我已经尝试使用 Desandro 使用 jQuery 应用 Masonry 插件，但它不适用于缩略图。

该插件可以在提要上使用吗？如何使用？或者是否有更简单的 css 解决方案将所有缩略图调整为相同大小并在不缩小它们的情况下对齐它们？

我正在使用 [ http://codepen.io/desandro/pen/ILbJy][1]

[1]：http ://codepen.io/desandro/pen/ILbJy Masonry Jquery Plugin 现在我的目标是找到一种方法，一次只激活一个项目。因此，当您扩展一个新项目时，您当前打开的项目会恢复到其原始形式。我对编程很陌生，真的不知道从哪里开始。

这是我的 Java 脚本：

请帮助任何帮助将不胜感激..？

我一直在 Tumblr 上玩 Masonry。由于某些原因，我在第二行获得了巨大的空间。我想我错过了一些东西。不知道为什么。

http://geedesign2.tumblr.com/（页面底部）

身边有高手吗？

非常感谢你

有没有办法给位于砌体柱底部的每个项目一个类以允许使用 CSS 定位？

列数随页面宽度而变化，因此列底部的项目将发生变化，并且页面大小会增加或减小。

为了说明问题，我想从下面 2 个图像中位于列底部的每个项目中删除边框底部：

我正在使用 Masonry - HTML 版本

我有一个 div：

我有大约 10 个：

问题是，当页面第一次加载（未缓存）时，前几个项目正常显示，但在页面下方它们相互堆叠。它们还与页脚重叠。如果您刷新浏览器（或旋转设备），那么一切正常，但这显然不适合新访问者。

JS 在页面底部，但我移到顶部，它仍然是一样的。

有没有人遇到过这个？

非常感谢。

有人知道如何在 Famo.us Angular 中归档砌体视图吗？交付的网格视图非常好，但不支持单击和调整一个表面大小并围绕它对齐其他表面。

我目前正在构建一个 2 行和多列的表面。单击一个 Surface 时，它​​应调整为 2 行 2 列的大小，并在其右侧附加 3 个其他元素。

我还尝试在 famo.us 表面中包含砖石、同位素或包装 div。但它没有用。

有没有人得到一些好的建议，在当前的 famo.us 状态下哪种方法更好？

问候

迈克尔

我在使用带有 imagesLoaded 图像间距的 Masonry 时遇到了一些麻烦，如果我缩放窗口大小，它将消失。希望任何人都可以为我的问题提供解决方案。

http://jsfiddle.net/7hs958sr/embedded/result/

HTML

CSS

JS