2

我有一个包含近 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>

JSF中间代码

4

2 回答 2

3

您需要white-space :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;
}
于 2012-12-12T18:13:34.997 回答
2

您可以使用仅修改white-space属性

例如

<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 style="white-space: pre-wrap;" 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>

当然，避免使用内联样式可能会更好，而且您最好只在要自定义样式的列表项中添加一个类......

于 2012-12-12T18:17:26.800 回答