要使用CSS居中，必须阻止其浮动left 然后放置auto 在左边距和右边距上。

ul.products li.product, .woocommerce-page ul.products li.product {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

当只有一个项目时，是否可以添加另一个类？

如果不能，CSS中有一种方法可以使用:only-child.

ul.products li.product:only-child, .woocommerce-page ul.products li.product:only-child {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

您可以将Vouchers 有了这个，但是没有css唯一的方法来知道下面是否只有一个项目。如果您通过javascript添加一个类，它将有助于区分1与>1。

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}