在第n行末尾添加三個點

我們從後臺獲取內容，並且只需顯示三行。在第三行的末尾，我們需要添加三個點。在第n行末尾添加三個點

我做了什麼至今讓三條線 -

var height = $(this).find('.sample').outerHeight(); 
var lineHeight = $(this).find('p').css('line-height'); 
$(this).find('.sample').css('max-height',lineHeight*3); 

.sample{overflow: hidden;}

這裏越來越顯示三行。但如何添加點？我已經嘗試過webkit，但它不適用於ie。

來源

2017-04-11 Aditya

CSS .. ..'） –

「*我嘗試了webkit *」 - 你試過了什麼特定的'webkit'？請出示您的「* [mcve] *」代碼，以便我們重現您的問題，併爲您和未來的訪問者提供特定的切實可行的幫助。 –

你可以試試這個：

.add-three-dots{display: inline-block; 

    width: 240px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    background: #FFFCD7; 
    padding: 5px; 
    }

 <span class="add-three-dots">How To Add Three Dots In the End Of String with Css And Jquery?</span>

來源

2017-04-11 08:39:49 Aaron

div{ 
    text-overflow: ellipsis; 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
    word-wrap:break-word; 
}

也許這代碼不IE瀏覽器的工作選擇後或通過jQuery的append（」

來源

2017-04-11 08:41:09 MatthewShin

在第n行末尾添加三個點

回答

相關問題