JQueryMobile Listview 标题文本缩写

发布于 2024-12-08 13:47:35 字数 113 浏览 1 评论 0原文

如何更改列表视图标题条目的缩写设置?

假设我的窗口足够大,列表条目已完全按照应有的方式编写。如果窗口较小,则文本会缩写为“...”->我如何影响完成此操作的时间和方式?

谢谢

How to change the abbreviation setting of a listview header entry?

Lets say my window is big enough, the list entry is fully written like it should be. If the window is smaller, the text is abbreviated with '...' -> how could I influence the way when and how this is done?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

筑梦 2024-12-15 13:47:36

覆盖 Jquery mobile css:

编辑:抱歉,如果您想更改列表的 overflow 属性,我认为您需要这个:
.ui-li, .ui-li.ui-field-contain { 显示:块;保证金:0;位置:相对;溢出:可见;文本对齐:左对齐;边框宽度:0;上边框宽度:1px; }
.ui-li .ui-btn-text a.ui-link-inherit { 文本溢出:省略号;溢出:隐藏;空白:nowrap; text

-overflow 和 Overflow 属性是您所需要的。
text-overflow: ellipsis 在 Firefox 和旧版 IE 中不起作用)

Overwrite the Jquery mobile css:

EDIT: I'm sorry, I think you need this one if you want to change the overflow property of a list:
.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

The text-overflow and overflow properties are the ones you need.
(text-overflow: ellipsis doesn't work in firefox and old IE though)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文