将产品图片与底部垂直对齐 [英] Vertically align product images with bottom

问题描述

我试图使产品图像与底部对齐，以保持价格一致.所以基本上这就是现在的样子:

I am trying to align the product images with the bottom in order to keep the prices aligned. So basically this is what it looks like right now :

这就是我想要的样子:

我尝试过使用vertical-align: bottom;，但这没用.

I've tried with vertical-align: bottom; but that didn't work.

我正在使用Woocommerce，却找不到任何地方.

I am using Woocommerce and I was not able to find out anywhere.

这是网站的链接:此处

亲切的问候！

推荐答案

尝试表格布局.

.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;
}

这篇关于将产品图片与底部垂直对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！