jquery - Listview切完整句-jquery mobile

Question

我正在 jquery 移动 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。我在想一些 native 技巧。

Answer 1

使文本换行到下一行的 CSS 是:

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

要使文本继续显示在屏幕之外，允许用户水平滚动以查看剩余文本:

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

JSFiddle Here