使用Jquery dotdotdot截断时防止全文闪烁

Question

我们正在使用此(*)将某些多行HTML截断为特定行数。它工作得很好，除了在页面加载时有一个闪存，其中全文在被截断之前最初显示。我们在窗口就绪时使用调用$(".dotdot200").dotdotdot({height:200});激活插件。我们怎样才能防止闪光灯发生？

Answer 1

您可以尝试在窗口外移动dotdotdot电话，以便让它早些开始运行。

如果你没有...省略号，那么只有CSS的解决方案会更清晰：https://jsfiddle.net/my87bz74/

p { 
  font-size:20px; 
  line-height:30px;
  height: 90px; /* line-height * amount of lines */
  overflow:hidden;
  width:200px;
}

Answer 2

将您的元素设置为overflow: hidden，将height设置为您在jQuery调用中设置的相同高度。

这将仅闪烁省略号，而不是所有额外的截断文本。