Woocommerce 中的图像未正确对齐？

【问题标题】：Images in Woocommerce are not alligned properly?Woocommerce 中的图像未正确对齐？
【发布时间】：2018-03-08 23:49:10
【问题描述】：

我的Woocommerce site 有问题。某些产品的主要图像未正确对齐，导致标题混乱。请参阅下面的问题：

我尝试了设置图像宽度和高度的旧方法，然后重新生成缩略图，但似乎在 Woocommerce 3.3.X 中不起作用。有人可以告诉我如何解决这个问题，或者给我一些指导吗？

这是我认为控制那部分的 CSS..

.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none
}

【问题讨论】：

【解决方案1】：

您正在设置不同的高度，这导致某些项目不正确地对齐。

.product_cat-tops .et_shop_image {
    height: 360px !important; }

.product_cat-jurken .et_shop_image {
    height: 320px; }

您的 CSS 集中有很多不同的高度：https://jsfiddle.net/Lwmjseaj/

如果你将这两个设置为相同的高度，标题会很好地排列:-)

【讨论】：