Masonry，正式的jQuery Masonry，是一个JavaScript级联网格布局库。
很难描述，但是此Codepen应该有助于使事情变得清晰。通过我的设置，很明显，物品以错误的顺序堆叠。大多数项目的宽度为33％，但我在...处有一些50％的宽度...
我想知道在下面的第5个div中会发生什么： ＆... ] >> 块.grid-item--width2 { width: 48%; }将适用。不能有“两个宽度”，后一个将优先，因为它们具有相同的特异性（您可以阅读有关选择器特异性的信息here）
[我使用CSS列数：.container-post {column-gap：20px;保证金：0自动;列数：2； } .box-article {display：inline-block;背景：#ffffff;填充：...
iOS Masonry，如果另一个视图的centerX依赖于视图，则视图的尺寸约束不起作用
我正在我的项目中使用砌体。首先，我对rightToolBar进行一些约束：CGSize rightToolBarSize = CGSizeMake（54，210）; [self.rightToolBar mas_remakeConstraints：^（MASConstraintMaker * make）...
带有JavaScript生成的HTML的jQuery石工将不起作用
我正在使用来自cdnjs（docs）的Masonry 4.2.2和jQuery 3.5.0。我有使用数组和循环为Masonry生成HTML网格项的JavaScript。这些项目出现了，但不会对齐...
如何在React Native（FlatList）中删除我的卡之间的间距？
如您所见，我想用砖石砌出我的物品。但是到目前为止，现有的软件包还不允许我使用不同类型的卡来完成。这是我的清单。 “ PiinsStandard”可以是视频，...
我已经尝试在宽度可变的列中放入同位素库中。不幸的是，仅当我更改浏览器的窗口大小时，它才起作用。这是我的代码：//初始化同位素var $ ...
我正在用砖石砌成一个漂亮的画廊，但是我为imagesLoaded.js不支持视频而苦苦挣扎。为了解决这个问题，我按顺序检索了所有元素（这是...
React and Gatsby：在某些页面上应用css / js砌体
我对React知之甚少，只是试图让Gatsby产品组合发展起来，它带有一个索引页面和一个制作带标签页面的模板。我想将此css / js砌体应用于我的索引并标记为...
我正在使用Desandro的砌体库来获取我的瓷砖的砌体布局。问题是：我的图块偏离了几个百分点，因此它们重叠且没有居中，看起来不像它的...
我正在用php写一个wordpress插件。在该插件中，我输出带有少量文本的图片，并希望使用砖石砌成。当我用HTML初始化砌体时，它似乎可以工作，但是图片...
我有一个石砌图片库，我想在每个图片上放置一个带按钮的div。我的问题是div没有响应，当我缩小屏幕时，某些按钮消失了，而不是...
我正在用一些图像测试反应砌体组件。但是由于某种原因，图像无法以砖石般的方式正确显示。相反，它们仅排成一列，如下所示。 ...
因此，解释为什么我需要这样做：我有大量的照片，我需要为每张照片添加索引。问题是我不能依靠v-for的索引，因为有时它在...
我使用material / image-list / mdc-image-list库开发了砌体风格的图片库。我的问题是，当我减小屏幕尺寸时，图像会减小其尺寸（“缩放”）...
我正在与angular一起工作，并希望创建一个由砖石图像构成的画廊。我尝试建立图库，但是图像对我而言似乎不显示。有谁知道他们为什么会出现以及如何解决...
场景在Angular2应用程序中，我在组件的视图中有一些代码parent.component.html循环浏览项目数组并将每个项目输出为新组件： ...] >>] > 这可以通过创建一个新变量，一个表示已过滤项目的数组并将*ngFor与这些已过滤项目一起使用来实现。您可以使用Array.prototype.filter和Array.prototype.includes来根据类别的ID是否包含在ID值的类别数组中来过滤类别： Component： import { Component } from "@angular/core"; import { Item } from "./item.ts"; import { Category } from "./category.ts"; @Component({ selector: "my-app", templateUrl: "./app.component.html", styleUrls: ["./app.component.css"] }) export class AppComponent { name = "Angular"; items: Item[] = [ { id: 1, imageUrl: "https://via.placeholder.com/300x150/FF0000/FFFFFF?text=1", title: "One", categories: [1] } ]; categories: Category[] = [ { id: 1, title: "Red Cards" }, { id: 2, title: "Blue Cards" } ]; // Create a shallow copy of the items array filteredItems: Item[] = [...this.items]; filterItemsByCategory(category: Category) { this.filteredItems = this.items.filter((item: Item) => { return item.categories.includes(category.id); }) } reset() { this.filteredItems = [...this.items]; } } 模板： <div class="items-filter"> <!-- In the attached image, this is displayed as a list of category buttons --> <div *ngFor="let category of categories"> <button type="button" (click)="filterItemsByCategory(category)">{{ category.title }}</button> </div> <button type="button" (click)="reset()" class="btn-o">Reset</button> </div> <div class="list-items"> <!-- In the attached image, this is displayed as a coloured card --> <app-item *ngFor="let item of filteredItems" [item]="item"> </app-item> </div> 这里是action中的一个例子。 希望有帮助！
我正在创建一个网站，我想在那里使用Masonry。 https://masonry.desandro.com我面临一个问题，我完全不知道它可能来自哪里。当...
我想从我已经获得的自定义数据库中显示近1000张图像，但是我想使用插件砌体来显示它们，我的意思是显示帖子或页面，图像，这可能吗？现在i ...