susy gallery中项目的垂直对齐（）

Question

如何在susy gallery（）中vertical-align: middle项目？我附上的图像显示我的项目垂直对齐，因为它目前的立场。从我的突出显示中可以看出，它们目前都是vertical-align: top。

提前谢谢。

奥利弗

Answer 1

使用gallery()是不可能的，因为CSS没有任何方法可以垂直居中浮点数。要获得居中的库，您应该使用flexbox，grid，display-table或inline-block布局。如果有帮助，您仍然可以使用Susy进行数学计算。这是Flexbox：

.container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.item {
  background: lightgray;
  flex-basis: span(1 of 6);
  margin-right: gutter(of 6);

  &:nth-child(6n) {
    margin-right: 0;
  }
}