取消Jquery mobile自动省略的文本

  在使用jquery moblie做移动客户端app时,listview控件下的列表文本不能完全显示,只能显示一行,超过字数jquery mobile会自动用省略号代替。很是纠结啊。

最后在一个岛国网站上看到了解决方法。下面是解决方法:

/* 取消文本省略*/

.ui-header .ui-title,            /* 页眉 */

.ui-footer .ui-title,            /* 页脚 */

.ui-btn-inner,                /* 按钮 */

.ui-li-heading,                /* 列表标题*/

.ui-li .ui-btn-text a.ui-link-inherit,    /* 列表 */

.ui-li-desc                /* 列表详细 */

{

    overflow: visible;

    white-space: normal;

}

 

重写以上样式会覆盖掉jquery mobile自定义样式

 

原文链接:http://net-vacation.com/blog/archives/4669

posted @ 2013-08-01 14:32  指间人生  阅读(1146)  评论(0编辑  收藏  举报
View Code