由于商品标题，商店商品未对齐

Question

对大家来说应该是一个简单的问题。

由于产品标题的长度，我们的WooCommerce产品无法对齐。我希望通过更多一致的“网格”来解决此问题。你们都可以帮忙吗？我知道它与某些CSS有关，但是我不知道该怎么做。任何帮助将不胜感激。

Screenshot

我尝试了一些CSS片段，但无济于事。

Shop Page to see

Answer 1

为.woocommerce .products h2, .woocommerce .cross-sells h2添加固定高度 您可以更改justify-content来定位文本

.woocommerce .products h2, .woocommerce .cross-sells h2 {
    font-size: 1.0em;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 0 3%;
    margin: 0 3% 0.2em;
    display: inline-block;
    background: #f6f6f6;
    height: 65px;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
}