0

我的主页 ( 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/ ) 但由于某种原因它不适用于产品标题，但适用于模板文件中编写的一些自定义文本.

卡尔

4

0 回答 0