使用jquery dotdotdot截斷時，防止閃爍全文

Question

我們使用此Jquery dotdotdot plugin將某些多行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的調用設置相同的高度。

這將只閃爍省略號，而不是所有額外的截斷文本。