Html 停止长标题破坏列表

我正在一个显示列表中项目的网站上工作。现在我发现，如果标题（例如卷帘）分成两行，就会把下面的布局弄乱。我怎样才能改变这一切，使它不会发生？我需要保留一个较长标题的选项

CSS:

现在我尝试将其改为浮动div而不是li元素，我尝试使用JS创建相等的高度，但没有任何效果。

1）允许垂直空间容纳最长的标题，或2）使用JavaScript计算最高的标题，并使它们匹配

jQuery(function($) {
    var maxTitleHt = 0;

    $('.solutions-category-title h3').each(function() {
        var titleHt = $(this).height();

        if (titleHt > maxTitleHt) {
            maxTitleHt = titleHt;
        }

        $(this).height(maxTitleHt);
    });
});

---

您可能想命名它，并在“调整窗口大小”上运行它来更新它们。

您不能创建一个MCVE吗？请添加所需结果的图片。（您好，Charly。我注意到您的一些问题有一个链接

dev.charlyanderson.co.uk

，该链接似乎已过期并转到了停车场。是否有此网站的替代品，以便可以修复而不是删除指向旧域的链接？）

jQuery(function($) {
    var maxTitleHt = 0;

    $('.solutions-category-title h3').each(function() {
        var titleHt = $(this).height();

        if (titleHt > maxTitleHt) {
            maxTitleHt = titleHt;
        }

        $(this).height(maxTitleHt);
    });
});