问题标签 [masonry]

我正在开发我的新网站，并且有一个砖石/Pinterest 风格效果博客板。当您将鼠标悬停在帖子上时，它会弹出一个按钮，该按钮应链接到博客/单个页面。如果您右键单击并在新窗口中打开它会执行此操作，但如果您只是左键单击则不会。

我猜这与我用来为砌体风格提供动力的javascript有关。

测试站点在这里：http: //zonocreative.co.uk/lee/blog.html

如果有人可以提供帮助，那就太好了。

问候

作为参考，这是我的html代码：

李

我正在使用 Masonry 和 WordPress 做一个小项目来评价图像......

我遇到的问题是 Mansonry，图像在其他图像之间重叠。

http://postimg.org/image/kmvnzi7sh/

这是解决方案，但我不明白如何解决它。--> http://masonry.desandro.com/#imagesloaded

在标题中我有这个：

在页脚中我有这个：

我不知道该怎么做：masonry.desandro.com/appendix.html#imagesloaded

顺便说一句：我知道 WP 有几个插件可以达到我想要的效果，但我不喜欢使用插件..

我希望有人能帮我解决这个问题！

谢谢！

我的分页导航显示有问题：无。当我检查检查元素时，它不需要空间，但由于某种原因，在分页导航所在的位置，有一个不应该存在的空白空间。

我试过添加溢出：隐藏，可见性：无，高度：0，但它都没有工作。

也许这与位置相对和绝对有关，我还不太了解。

themeexp1.tumblr.com

编辑：这不是 14px 边距，而是更大的边距空白空间： http: //postimg.org/image/hiixhonoh/

HTML

CSS

我一直在 CodePen 中模拟这个产品组合，它运行良好……除了在 Safari 中。

http://codepen.io/tpalmer75/pen/FijEh（SASS仅用于一个 .item 元素）

我试过搞乱 CSS calc 函数、盒子大小、浮动等等。这是它在 Chrome 和 Firefox 中的样子。

在 Safari 中：

有任何想法吗？

代码：http ://codepen.io/tpalmer75/pen/FijEh

编辑

问题是由于 Safari 将所有百分比四舍五入到整个像素。我该如何解决这个问题，并且只针对 Safari？

尝试设置 Masonry 脚本以显示此页面上的图像：http: //www.stefanheinrichs.com/projects/ 可能吗？也许还有其他一些图书馆会更好？

提前感谢您的帮助

我对使用 Masonry 库生成堆叠 div 的网站有疑问。当我刷新页面并单击页面上的单个选项卡时，我得到了正确的堆叠。但是，在单击另一个选项卡而不刷新页面后，我获取数据并使用各种 div 填充文档。

只有在立即加载后单击选项卡时，我才能看到堆叠正确完成。在单击一个或多个选项卡后单击另一个选项卡时，我看到不正确的堆叠。

我被迫刷新页面，然后按一次选项卡以获得正确的结果。

我做错了什么，我该如何解决这种行为？

HTML

JS

我正在使用 Masonry 创建一个平铺的投资组合网格。我正在为我的平铺项目使用 12 列网格和几种不同的宽度。这是它在 Chrome 和 Firefox 上的样子：

和野生动物园：

我已经尝试过使用 calc、float、box-sizing 以及我能掌握的所有其他 CSS 声明。奇怪的是，如果您在 Safari 上调整窗口大小，它会自行固定在某些宽度上，这让我相信这是 CSS 计算（和亚像素舍入）。

因为 Safari 向下舍入以进行亚像素渲染，所以项目总是小于容器。

请参阅此处的代码：http: //codepen.io/tpalmer75/pen/FijEh

我正在使用 Drupal Views 将带有这个无限滚动脚本的内容加载到砖石风格的项目网格中。

它无限滚动，但附加的项目不保留原始项目的 CSS 属性。我不太确定为什么会这样。

此外，我正在使用 jQuery 悬停效果在我的图像上“浮动”内容。这是非常简单的代码。我无法想象它对这个问题有任何影响，但这里以防万一：

悬停效果的jQuery

用于砌体和无限滚动的 jQuery：

编辑：这是CSS

任何人都可以帮忙吗？

谢谢！

我正在尝试使用砖石进行无限滚动，但是当我加载更多内容时，这些框会附加到网格的开头并与其他框重叠。我在一些盒子里有图像。

显示.js.erb

大家！

我在我的个人网站上工作——一个在线作品集。这是我从头开始编写的第一个网站，所以我是 HTML、CSS、JavaScript 和 PHP 的新手。事实上，我对 JavaScript 和 PHP 的了解是基本的，所以我使用的是现成的解决方案。我使用的解决方案之一是Mansonry 网格布局库，但不幸的是它不能按我的意愿工作。问题是，当我第一次打开网页时，所有图像都崩溃了。当我更新页面时，图像正确对齐。我想知道，如何解决？

我正在使用 Masonry 来布局项目页面（http://vprilenska.netai.net/design_rigams.php）。我希望图书馆项目排成四行。每个库项目都是一个带有图像和文本的div 。div向右浮动。

所有图像的高度不同。图像宽度取决于列宽。列宽和装订线的大小由elements决定，而元素又以浏览器窗口宽度的百分比设置。

图像大小的 CSS：

列宽和间距大小元素的 HTML 和 CSS：

砌体脚本，位于结束体和 html 标记之间：

我认为问题出在事实上，图像高度不是固定的。但也许这是整个网页布局的错。