通过自定义css在wooccommerce的产品页面上居中显示图像

Question

我试图在自定义css中居中显示图像，但找不到好的解决方案。有人能看一下吗？

网站：

这个广场的形象应该是居中的。我需要为每一个产品做这件事。

我试着这样做：

.woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images{
max-width: 250px;
vertical-align: middle;
text-align:center;
}
.figure.woocommerce-product-gallery__wrapper{
max-width: 250px;
vertical-align: middle;
text-align:center;
}

如何将此图像集中在每一个产品中？

Answer 1

请尝试并告诉我它是否有效：

.woocommerce-page div.product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
margin-left: auto;
margin-right: auto;
}

而不是

.woocommerce-page div.product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
margin: 0; }