我想知道如何限制jQueryMobile ListView中的行數。使用jQueryMobile在ListView中限制行數

我已經準備了jsFiddle example這基本上是這樣的（見下文說明）：

enter image description here

我想有是文本長度的上三線，限制其可以在第一行#1中看到。行#2顯示了整個內容（與#1相同），但不限於三行。我怎麼能限制三條線的數量？我還想在文本的末尾添加「...」，如果它長於三行。

行#3顯示jQueryMobile的默認值（如果我不添加CSS樣式white-space: normal;，但僅限於一條線我可以改變這種行爲

注：？我建立一個web應用程序/使用的PhoneGap /科爾多瓦混合應用，意味着解決方案預計將在這樣的瀏覽器適用於iOS，Android和Windows Phone上運行

我希望得到任何幫助

來源

2014-03-12 Michael

這將做三線的東西：。

.limitedLines, .multipleLines { 
    white-space: normal; 
    line-height:1em; 
    max-height:3em; 
    text-overflow: ellipsis; 
}

的text-overflow: ellipsis應插入...在該行的結束，但它不工作我在Chrome中。

編輯：當然，沒有Javascript需要。

Fiddle

來源

2014-03-12 16:23:36 ojovirtual

謝謝。限制適用於Firefox，但是'...'不會在最後插入。任何想法爲什麼它不工作？我將在明天之前在一些移動設備上進行測試，因爲它必須在iOS，Android和Windows Phone設備上運行（使用帶有jQuery Mobile的Phonegap）。任何想法如何讓它在所有瀏覽器上運行？我認爲jQuery Mobile應該有適合所有瀏覽器的東西。 – Michael

使用jQueryMobile在ListView中限制行數

回答

Fiddle

相關問題