取消Jquery mobile自动省略的文本

最新推荐文章于 2025-12-03 13:04:04 发布

最新推荐文章于 2025-12-03 13:04:04 发布 · 168 阅读

文章标签：

#javascript #ViewUI

本文介绍了解决在使用jQuery Mobile制作移动客户端应用时，ListView控件下的列表文本出现溢出并被省略号替代的问题。通过重写特定CSS样式，可以使得列表文本完整显示，提升用户体验。

博客已经迁移至萌萌的IT人，谢谢支持

--------------------------------------------------

在使用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