如何在语义 UI 中制作“交错网格”答案

【问题标题】：How to make a "Staggered Grid" in Semantic UI如何在语义 UI 中制作“交错网格”
【发布时间】：2018-11-10 07:01:28
【问题描述】：

我正在使用语义 UI 进行 CSS 样式设置，但找不到任何关于交错网格视图的文档。有没有人实施它或任何想法如何？谢谢！

【问题讨论】：

请澄清您的具体问题或添加其他详细信息以准确突出您的需要。正如目前所写的那样，很难准确地说出你在问什么。
请查看有关 Stack Overflow 的How to ask 问题以及can be asked 的问题类型以及should be avoided. 的问题类型
@Paulie_D 很抱歉，如果不清楚。我想实现一个交错的网格视图（这在 Android 中很流行），但语义 UI 文档缺少这方面的任何信息。所以我想知道是否有办法以某种方式实现它。谢谢！

【解决方案1】：

我假设您正在谈论的布局看起来像 Pinterest，其中网格项目位于固定宽度的列中，但这些列中内容的纵横比在不均匀的点处错开项目之间的间隙。它有点像旋转 90 度的砌体布局。

遗憾的是，Semantic UI 的网格系统不支持砖石或交错网格布局。根据您的需求和环境，您可能需要查看Isotope 之类的工具。

【讨论】：