我想知道如何限制 jQueryMobile ListView 中的行数。
我准备了一个 jsFiddle example 基本上是这样的(见下面的描述):
我想要的是三行文本长度的限制，可以在第一行 #1 中看到。 #2 行显示全部内容(与#1 相同)，但不限于三行。我怎样才能将行数限制为三行？如果文本超过三行，我还想在文本末尾添加“...”。
Row #3 显示jQueryMobile的默认值(如果我不添加CSS样式white-space: normal;，但那仅限于一行。可以我改变了这种行为？
注意:我使用 Phonegap/Cordova 构建了一个网络应用程序/混合应用程序，这意味着该解决方案有望在适用于 iOS、Android 和 Windows Phone 的此类浏览器上运行。
如有任何帮助，我将不胜感激。
最佳答案
这将执行三行操作:
.limitedLines, .multipleLines {
white-space: normal;
line-height:1em;
max-height:3em;
text-overflow: ellipsis;
}
text-overflow: ellipsis 应该在行尾插入 ...，但它在 Chrome 中不起作用。
编辑:当然，不需要 Javascript。
Fiddle
关于jquery - 使用 jQueryMobile 限制 ListView 中的行数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22356669/