用flex垂直对齐项目[重复]

Question

我有一家 woocommerce 商店，我所有的产品图片都带有 flexbox 并在中间对齐项目。我安装了一个插件，它在悬停时改变图片，在这个类中，对齐不起作用，它拉伸了我的图片。但主图没有拉伸

我做了 显示：弹性 高度：320 像素 对齐项目：中心 对齐内容：中心

您可以在这里看到所有内容：http://fistukids.de/shop/

只需将鼠标悬停在图片上，即可看到它在顶部对齐

Answer 1

我想你想要它垂直。

使用 flexbox 你可以做到：

flex-direction: row/column

在您的情况下，它将是列。 希望我理解正确。