css WooCommerce产品上的Flexbox

Posted 2021-05-13

/* Flexbox on WooCommerce archive products */
.woocommerce .products ul,
.woocommerce ul.products {
    display: flex;
    flex-flow: row wrap;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex;
    flex-flow: column nowrap;
}

.woocommerce ul.products li.product .button {
    margin-top: auto;
    display: table;
}