线夹和 Wordpress 的问题

如何解决线夹和 Wordpress 的问题

我的主页 (https://truegoods.ee/) 上有很多产品轮播图，它们通过 elementor 带有短代码。我试图夹住产品标题文本，以便我可以将所有内容正确整齐地对齐。在桌面浏览器上一切正常，但如果我使用 iOS Chrome 或 Safari，则行为不符合预期。夹具可能适用于第一个转盘或前两个转盘。产品轮播的其余部分不受 CSS 影响，即使它们具有相同的类名。网站上现在正在使用相同的代码，仅供参考。

我已经为所有标题添加了clampjs类：

<div class="atw_item_title clampjs">
    Product title here 
</div>

我使用的 CSS：

.clampjs {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
   word-break: break-all;
   text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

感谢您的帮助，我真的需要完成这项工作。我什至尝试使用 Clamp JS (https://github.com/josephschmitt/Clamp.js/)，但由于某种原因它不适用于产品标题，但可以处理一些写在模板文件中的自定义文本。

卡尔