masonry 相关问题

Masonry，正式的jQuery Masonry，是一个JavaScript级联网格布局库。

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

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

jquery ajax append iteration masonry

回答 1 投票 0

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

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

css flexbox css-grid masonry

回答 3 投票 0

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

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

css bootstrap-4 masonry

回答 2 投票 0

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

<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 这是我的组成部分之一。在这种情况下，延迟加载不起作用。帮我在这段代码上添加延迟加载属性。

angular lazy-loading masonry

回答 0 投票 0

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

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

javascript algorithm layout masonry

回答 1 投票 0

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

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

html css masonry

回答 1 投票 0

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

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

html jquery css masonry

回答 1 投票 0

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

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

javascript jquery jquery-masonry masonry

回答 1 投票 0

当您在砌体中指定两个宽度尺寸时会发生什么？

我想知道在下面的第5个div中会发生什么：＆... ] >> 块.grid-item--width2 { width: 48%; }将适用。不能有“两个宽度”，后一个将优先，因为它们具有相同的特异性（您可以阅读有关选择器特异性的信息here）

javascript html jquery jquery-masonry masonry

回答 1 投票 0

CSS列数和第一个元素的问题

[我使用CSS列数：.container-post {column-gap：20px;保证金：0自动;列数：2； } .box-article {display：inline-block;背景：#ffffff;填充：...

html css layout grid masonry

回答 1 投票 0

iOS Masonry，如果另一个视图的centerX依赖于视图，则视图的尺寸约束不起作用

我正在我的项目中使用砌体。首先，我对rightToolBar进行一些约束：CGSize rightToolBarSize = CGSizeMake（54，210）; [self.rightToolBar mas_remakeConstraints：^（MASConstraintMaker * make）...

ios masonry

回答 1 投票 0

带有JavaScript生成的HTML的jQuery石工将不起作用

我正在使用来自cdnjs（docs）的Masonry 4.2.2和jQuery 3.5.0。我有使用数组和循环为Masonry生成HTML网格项的JavaScript。这些项目出现了，但不会对齐...

javascript html jquery jquery-masonry masonry

回答 1 投票 0

如何在React Native（FlatList）中删除我的卡之间的间距？

如您所见，我想用砖石砌出我的物品。但是到目前为止，现有的软件包还不允许我使用不同类型的卡来完成。这是我的清单。 “ PiinsStandard”可以是视频，...

css react-native masonry

回答 1 投票 0

同位素：列宽灵活的库在特定情况下不起作用

我已经尝试在宽度可变的列中放入同位素库中。不幸的是，仅当我更改浏览器的窗口大小时，它才起作用。这是我的代码：//初始化同位素var $ ...