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提供的可变列数似乎不可能通过这种方法。