我有一个列表视图(见下图),我想将所有内容自动换行,而不是添加...到长行。
这是怎么做到的?
![enter image description here](https://i.stack.imgur.com/t2Ppv.jpg)
您只需要更新 CSS.ui-li-desc
保存列表项中文本的元素:
.ui-page .ui-content .ui-listview .ui-li-desc {
white-space : normal;
}
这是一个演示:http://jsfiddle.net/Xc6PJ/
一些很好的文档white-space
: https://developer.mozilla.org/en/CSS/white-space
这是我的测试中的示例列表项listview
jQuery Mobile 初始化后:
<li class="ui-li ui-li-static ui-body-c">
<h3 class="ui-li-heading">Sample Title</h3>
<p class="ui-li-desc">
Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content Sample Content
</p>
</li>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)