Woocommerce产品未对齐

Question

任何人都可以帮我看下面的截图。我的所有产品都在网页上，而且没有对齐

我尝试重新生成缩略图，这并不能解决我的问题。 我设置了尺寸并添加了新图像，但这些图像并不起作用 我试过关闭远程亚​​马逊图像，但这并没有起作用。

有什么想法吗？ Screenshot

Answer 1

他们是对齐的。只有当div大于......整个布局看起来很奇怪。

尝试更改保存产品的div的最小高度。

可能有一个更好的解决方案，但它还没有出现在我身上

Answer 2

使用flexbox并对齐产品项目flex-end，它将项目放在容器的底部，并指定标题标记的最小高度值，因为某些名称可能跨越2行或更多行。

ul.products {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

ul.products li.product a h3 {
  min-height: 40px;
}