可疑圖庫中項目的垂直對齊（）

Question

如何vertical-align: middle可疑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;
  }
}