masonry 相关问题

响应式网格，图像保持宽高比

我正在尝试创建一个类似于所附图表的布局。 （左侧为桌面版，右侧为移动版。） 布局应该是响应式的（理想情况下是流畅的，但不是必需的）。 每个图像（由 g...

使用砖石来布局tableView

我的 tableView 不是全屏或设置为静态高度。从服务器返回数据后需要更改tableView的单元格高度。那么我怎样才能用砖石来布局我的tableView呢？

如何制作平底同位素布局？

我正在使用 isotope js https://isotope.metafizzy.co/ 并且无法理解如何使我的布局具有平底，如下 https://diefinnhutte.qodeinteractive.com/masonry-portfolio/ 。 我无法设置固定

有没有办法在侧边栏关闭时调整共济会列的大小？

我正在尝试在我的reactjs网站中实现砖石风格布局，我当前使用的包是masonic，在我尝试过的其他包中，它迄今为止效果最好，但我是

如何阻止砌体图像相互堆叠？

我正在尝试创建一个基于 bootstrap 5 砖石示例的照片库，效果很好。我还用它实现了模态框，它也工作得很好。 简而言之，我唯一

使用 Isotope.js 进行砌体布局时如何删除流氓边距？

我使用 Isotope 和 Vanilla JS 制作了砖石网格画廊布局。一切似乎都工作正常，但是在调整大小时，砌体元素上有某种右边距，这是 gett...

CSS 网格具有可变高度，使其像砖石布局一样工作

我正在尝试使用 css 网格布局创建砖石布局。网格中的所有项目都有可变的高度。下一行中的项目应堆叠到上一行中的项目的可用空间。我试过了

如何创建这个砖石布局

任何人都可以指导我如何创建这种类型的砖石布局吗？是否可以使用显示创建这种类型的砌体画廊：网格以及如何重叠图层？还有其他办法吗

Bootstrap 5 布局适用于不同尺寸的卡片 - 就像 Pinterest

我正在构建一个使用 Bootstrap 5 的网络，该网络将有一个部分显示几张这样的卡片 正如您所看到的，每张卡片可能有不同的尺寸（取决于描述......

像砖石一样的曼廷网格

嗨女士们先生们:) 我正在构建一个反应应用程序。在那里，我想用 mantine 建造一个像砖石一样的网格。显示的组件的宽度和高度必须自动填充网格，

如何在 Drupal 中安装 jquery Mansory 插件？

我安装了模块 Masonry API 和 Masonry Views。从 http://masonry.desandro.com/ 页面我下载了 masonry.pkgd.min.js 文件并将其放入 /sites/all/libraries/masonry 然后我更改了它的名字...

Midjounrey Gallery Masonry Grid Layout，修复跳跃的空白空间

我正在尝试为中途画廊网格获取一个工作示例。 我得到的最接近的：https://codepen.io/NICK-XoX/pen/bGmNmbL。 功能resizeGridItem（项目）{ 网格 = 文档。

使用 Shuffle.js 仅定位最后附加的 div

我有一个“加载更多”按钮，单击该按钮后，会将一个新容器附加到我的搜索页面并包含结果。每个容器都有一个迭代的类（例如：.results-1 .results-2 .results-3）

如何按列垂直对齐项目，但不在列内水平对齐

所需布局的绘图我绘制了我需要制作的布局草图：见附图 我的问题是： 如何使文章“4”和“5”根据 ...

砌体布局错误：项目仅显示在左栏中

我正在做一个 Bootstrap 4 项目。 对于其中一个页面，我试图将砖石布局宽度的图片放在一起，其中大部分图片具有一定的宽度，其中一些图片的宽度是该宽度的两倍。 ...

延迟加载在我的角度组件中不起作用

<ngx-masonry class="menu-card-main" [options]="myOptions" [ordered]="true"> <mat-card ngxMasonryItem class="masonry-item menu-card" *ngFor="let item of menuItems;let i=index" [item]="item" [index]="i" > <mat-card-content (click)="openDetailsDialog(item)"> <img mat-card-image src="assets/dum_images/{{item.image}}" > <mat-card-title>{{item.title}}</mat-card-title> <p class="text">{{item.desc}}</p> <strong>Price: {{currencySymb}} {{item.price}}</strong> </mat-card-content> <div class="quantityMenu"> <app-quantity-buttons [item]="item" [index]="i"></app-quantity-buttons> </div> </mat-card> </ngx-masonry> your text 这是我的组成部分之一。在这种情况下，延迟加载不起作用。 帮我在这段代码上添加延迟加载属性。

获取图像的明确高度并将它们布置在最佳紧凑的“砖石”式布局中的算法？

我正在使用 react-masonry-css 以类似砖石的布局来布置一些图像，但它基本上只是在每列中放置相同数量的图像，最终在...中存在很大差异

如何在不改变结构的情况下动态添加内容到砖石布局网格？

我正在做一个项目，使用砖石布局来显示一个高度可变的多个盒子的列表。但在这个项目中，我使用了一个过滤器，当点击时，过滤所有的盒子基于o ...

如何获得元素相对于屏幕的位置（左或右）？

我在网页上使用的是砖石型布局，我需要将出现在屏幕右侧的每个元素的样式与其他元素不同。这是我用来参考的 ...

jQuery Masonry项目以错误的顺序堆叠

很难描述，但是此Codepen应该有助于使事情变得清晰。通过我的设置，很明显，物品以错误的顺序堆叠。大多数项目的宽度为33％，但我在...处有一些50％的宽度...