semantic-ui - Semantic UI 可以像柱子一样做 Masonry 吗？

Question

是否可以创建类似于 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 提供的可变列数。