jquery - jquery listview 项目自动换行

Question

我有一个包含近 100 个字符的项目的 ListView ，但我需要显示全文，我该怎么做？

        <ul data-role="listview" data-filter="true" data-inset="true">
            <li data-filtertext="Hola" data-theme="b"><a href="" >Hola</a></li>
            <li data-filtertext="mundo"><a href="" >mundomundomundomundomundo mundo mundomundomundomundomundo  mundomundomundo  mundomundomundo mundomundomundomundomundomundomundo mundomundomundo</a></li>
            <li data-filtertext="hello"><a href="" >hello</a></li>
            <li data-filtertext="world"><a href="" >world</a></li>
        </ul>

JSFiddle Code

Answer 1

您需要删除空格
:nowrap 来自规则 .ui-li .ui-btn-text a.ui-link-inherit 和 .ui-btn-inner

或用 white-space:normal!important; 覆盖它

不确定这是否会在更大的应用程序中引起副作用。

演示地址:http://jsfiddle.net/gaby/eFvzC/1/

<小时/>

如果您想避免内联样式，您可以根据 data-filtertext 值直接定位元素(对于现代浏览器)

.ui-li[data-filtertext="mundo"] .ui-btn-text a.ui-link-inherit{
   white-space:normal!important;
}