css - 由于产品标题，商店产品未对齐

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%;
}