Listview 剪切完整的句子 - jquery mobile答案

【问题标题】：Listview cuts complete sentence - jquery mobileListview 剪切完整的句子 - jquery mobile
【发布时间】：2014-12-29 07:01:38
【问题描述】：

我在 jquery 移动列表视图中动态加载一些文本以显示为列表。现在，如果出现大文本，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

根据文本大小调整列表视图的高度宽度的方法是什么？有什么简单的技巧还是我需要写脏 css。我在想一些本地技巧。

【问题讨论】：

看到这个：jsfiddle.net/0cg9g4p2/2
工作:) 谢谢@Era

标签： jquery css listview jquery-mobile

【解决方案1】：

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

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

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

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

JSFiddle Here

【讨论】：