html - 将产品图片与底部垂直对齐

Question

我正在尝试将产品图片与底部对齐，以保持价格一致。所以基本上这就是现在的样子:

这就是我想要的样子:

我尝试过 vertical-align: Bottom; 但没有成功。

我正在使用 Woocommerce，但无法在任何地方找到。

这是网站链接:here

亲切的问候!

Answer 1

尝试表格布局。

.featured-product-tabs .tab-content ul.products {
  padding: 0;
  display: table;
}

ul.products li.product.product-home {
  text-align: left;
  display: table-cell;
  vertical-align: bottom;
  float: none;
}