JQueryMobile Listview 标题文本缩写
如何更改列表视图标题条目的缩写设置?
假设我的窗口足够大,列表条目已完全按照应有的方式编写。如果窗口较小,则文本会缩写为“...”->我如何影响完成此操作的时间和方式?
谢谢
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
覆盖 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)