jquerymobile 显示全部文字并自动换行
2017-12-29 18:16
309 查看
jquerymobile 有些控件如 listview 内文字如果太长默认会截取一部分后面加... ,如果要显示全部并自动换行的话只要设置该文字的 css 就可以了
以下面内容为例
先上效果图:
设置前默认效果
设置后效果
css 代码:
如果设置无效注意检查 css 的选择器是否选择正确,下面有一些 jquerymobile 自带的默认 css 样式,如果是标准布局也可以按这个设置
以下面内容为例
<body> <div data-role="page"> <div data-role="content"> <ul data-role="listview" data-inset="true" id="doctor-listview"> <li class="ui-first-child"> <a href="index.html" class="ui-btn ui-btn-icon-right ui-icon-carat-r"> <p>内容很长很长,内容很长很长,内容很长很长,内容很长很长,内容很长很长,内容很长很长</p> </a> </li> </ul> </div> </div> </body>
先上效果图:
设置前默认效果
设置后效果
css 代码:
.ui-listview>li p{ white-space:normal; }
如果设置无效注意检查 css 的选择器是否选择正确,下面有一些 jquerymobile 自带的默认 css 样式,如果是标准布局也可以按这个设置
.ui-listview>.ui-li-static, .ui-listview>.ui-li-divider, .ui-listview>li>a.ui-btn{ white-space:normal; }
相关文章推荐
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
- GridView自动生成列时,利用DIV控制显示长宽 控件数据行和表头文字不换行
- <li></li>列表中显示文字强制不换行,大于li宽度自动隐藏文字
- HTML中显示的文字自动换行
- iOS UILabel:宽度固定,自动高度显示全部文字
- GridView自动生成列时,利用DIV控制显示长宽 控件数据行和表头文字不换行
- GridView自动生成列时,利用DIV控制显示长宽 控件数据行和表头文字不换行
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
- TextBlock中显示文字和图片,且不会自动换行
- android 引导用户指示操作 高亮显示 可以自定义文字或者图片来作为提示,文字会自动换行
- 挺漂亮的文字太长自动截断,鼠标移上显示全部信息例子
- li列表中显示文字强制不换行,大于li宽度自动隐藏文字
- 带背景显示文字,自动换行的MultipleTextView
- TextView自动换行以及内容过长全部显示--终极解决办法
- 自定义圆环百分占比view (label文字支持自动换行 和设置显示行数)
- <li></li>列表中显示文字强制不换行,大于li宽度自动隐藏文字
- 重写java中JButton,实现图片下显示文字(根据图片宽度文字自动换行)
- text-overflow实现文字超出宽度,溢出后自动显示为省略号的效果
- 让显示在td里的内容自动换行
- smarty显示部分文字,其余鼠标放置时显示全部