我正在 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 技巧。
最佳答案
使文本换行到下一行的 CSS 是:
.ui-listview .ui-li-static {
white-space: normal;
}
要使文本继续显示在屏幕之外,允许用户水平滚动以查看剩余文本:
.ui-listview .ui-li-static {
display: flex;
overflow-x: auto;
}
关于jquery - Listview切完整句-jquery mobile,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27684708/