jquerymobile 显示全部文字并自动换行

最新推荐文章于 2024-07-03 03:02:05 发布

fngang

最新推荐文章于 2024-07-03 03:02:05 发布

阅读量2.3k

点赞数 2

分类专栏：前端文章标签： jquerymobile

本文链接：https://blog.csdn.net/fngang/article/details/78934090

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jquerymobile 有些控件如 listview 内文字如果太长默认会截取一部分后面加... ,如果要显示全部并自动换行的话只要设置该文字的 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;
}

fngang

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jquerymobile 显示全部文字并自动换行

jquerymobile 有些控件如 listview 内文字如果太长默认会截取一部分后面加... ,如果要显示全部并自动换行的话只要设置该文字的 css 就可以了以下面内容为例内容很长很长,内容很长很长,内容很长很长,内容很长很长,内容很长很长,内容很长很长先上效果图:
复制链接

扫一扫

专栏目录