Listview削减完整的句子 - jquery mobile

Question

我在jquery mobile listview中动态加载一些文本以显示为列表。现在，如果一个大文本出现listview削减它来调整一行。列表很简单

<ol data-role="listview">
    <li>Acura hhhhhhhhhhhhhhhhhhhhhhhhh jjjjjjjjjjjjj kkkkkkkkkkkkkkkkk hhhhhh aaaaaaa sssssss</li>
    <li>Audi</li>
    <li>BMW</li>
    <li>Cadillac</li>
    <li>Ferrari</li>
</ol>

列表中的第一个被切断。请参阅此jsFiddle

根据listview的文字大小调整高度宽度的方法是什么？有没有简单的技巧或我需要写脏css。我在考虑一些本土技巧。

Answer 1

将文本换行到下一行的CSS是：

.ui-listview .ui-li-static {
    white-space: normal;
}

要使文本继续离开屏幕，允许用户水平滚动以查看剩余文本：

.ui-listview .ui-li-static {
    display: flex;
    overflow-x: auto;
}

JSFiddle Here