Semantic UI 可以像列一​​样做砌体吗？

Question

是否可以使用语义 UI 创建类似于 Masonry 或 Bootstrap v4 card columns 的级联网格布局？

Answer 1

根据this issue，好像不直接支持，但是可以通过column-count CSS property实现。

Here's an example 链接在同一问题中。简而言之，您将创建一个普通的语义 UI 网格，给它一个额外的类，例如masonry 然后对其应用以下附加 CSS（这将适用于三列网格）：

.masonry.grid {
  column-count: 3;
  display: block;
}

也就是说，Masonry 提供的可变列数似乎无法通过这种方法实现。