jquery mobile 列表文字显示不全

菜鸟求教,在jsp文件中使用jquery mobile,列表项链接里的文字如果比较多的时候,后面显示不下的内容会变成省略号,是否有办法自动折行?

图片说明

2个回答

可以的,看一下样式就可以了

 要在CSS选择器上添加属性"white-space:normal"。例如,在按钮禁止截断:
     .ui-btn-text{
          white-space:normal;
     }
     在列表项上禁止截断:
     .ui-li-desc{
          white-space:norma;
     }
     应用自动截断,在元素上面设置"white-space:normal:nowrap"。    

借鉴一下这个,看看能不能用。http://mobile.51cto.com/aengine-358926.htm

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JQuery Mobile+ iscroll 列表滚动条的实现
在开发的过程中,发现如果ul或者ol列表内容过多,高度大于外层div的高度的时候,JQuery Mobile会自动给加上滚动效果。但我在使用JQuery Mobile Panels的时候发现,在内容区域(content区域)加上ul或ol后,当列表数据多则滚动的时候,Header与Footer可以固定,但Revel Panel会随之滚动。         设想:content区域的列表无论是滚动
jquery mobile Listview (列表视图)详讲
列表视图 data-role="listview" Listview(列表,列表视图)是一个简单的无序列表,包是含链接的列表。添加了 data-role="listview" 属性来构成。jQuery Mobile 将应用所有必要的风格转换列表,,以便在移动设备上显示出列表效果,对触屏方式更加友好。列表有右箭头指示,以及填充浏览器窗口的宽度。当你点击列表项,该框架将触发在列表内的项的链接点击
jQueryMobile的组件——可展开项(collapsible)
data-role="collapsible"——指明div为可展开项组件; data-collapsed="false"——初始化组件为展开状态; data-content-theme="false"——指明展开项内容为去掉边框的样式; collapsible实例 欢迎来到主页
jQuery Mobile 滑动显示面板
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobil
使用JQuery Mobile时,解决fieldset在页面缩小时不会换行
如果直接用fieldset,页面在缩小宽度时,文字跟 按钮会换行显示,为了解决这个问题,用下面的方式来解决 1.样式 .ui-bar-f { color: white; background-color: #1BA0E1; } .a-a { width: 15%; margin-top: 14px; float: l
JQuery Mobile入门——分割按钮列表
1、在JQuery Mobile的列表中,有时需要对选项内容做两个不同的操作,这时,需要对选项中的链接按钮进行分割。实现分割的方法是在元素中再增加一个元素,便可以在页面实现分割效果。 2、示例代码:   New Document                  头部栏              Iphone手机  移动电话、宽屏iPod和
用jquery mobile实现手机上的文字或者图片可以左右滑动?
首先左右滑动如何实现:比如这个块区域是 那么对该div进行监听触摸屏事件: var x_m_d =null; var x_m_u = null; var m_d=false; document.getElementById("move").addEventListener('touchstart',m_down, false); document.getElementById(
jquerymobile创建多层次嵌套列表
jquerymobile创建多层次嵌套列表
jquery mobile 设置背景图片铺满整个屏幕以及自定义背景图文字颜色问题
1.设置背景图片满屏 style { background-image: url(http://182.151.211.231:8088/cdwx/images/bgimg.jpg); background-size: cover; min-height: 269px; background-position: 50% 0px; background-repeat: no-repeat no-r
jQuery mobile开发之listview动态加载数据问题
listview是在开发中经常用到的功能,在jQeury mobile中的具体实现如下:
jQueryMobile的(十二) 列表
1..基本的带连接的列表  列表的代码为一个含 data-role="listview" 属性无序列表ul。 Jquery Mobile会把所有必要的样式(列表项右出现一个向右箭头,并使列表与屏幕同宽等)应用在列表上: Acura Audi BMW 2.数字排序的列表 通过有序列表ol可以创建数字排序的列表用来表现顺序序列比如说搜索结果或者电影排行榜时非常有
jquery mobile分页显示插件
jquery mobile分页显示插件
jQuery Mobile列表样式失效解决方案
1.先来看官方文档实例效果:   2.实现代码如下:   List Dividers 欧洲 德国 英国 亚洲 中国 印度 非洲 埃及 南非 3.项目应用 Insert title here u
JqueryMobile为Listview动态添加、删除查询功能
JqueryMobile的版本不同,引用JS的API也不同,因此为Listview动态添加、删除查询功能的代码也不同。
jquery mobile图片轮换(img)
jquery mobile 图片轮换 html5 可以有用google等浏览器测试,test.html是普通的图片轮换,test1.html是html5图片轮换,按住右键向右或者向左滑动且滑动的距离大于等于30px。 1.向右滑动,图片停留,任意点图片之外空白处,图片开始向右轮换 2.向左滑动,图片停留,任意点图片之外空白处,图片开始向左轮换
jquerymobile下label和input输入框小屏幕不在同一行显示
这几天在学jqm,遇到这问题百度了好久,google到了国外的技术论坛都找不到
jQueryMobile的(十) 可折叠内容块
要创建内容折叠块。首先,创建一个容器,并添加 data-role="collapsible" 属性。并且给此容器使用 data-content-theme 属性,为可折叠的内容块,进行主题样式设计。 其次,在容器中,添加任何头部区域的标题(h1-h6)或图例元素(egend element)。JQuery Mobile框架将样式化头部,使其看起来像一个可点击的按钮,并添加一个“+”图标左边表
用JqueryMobile创建分页控件标签
1.问题: 手机appCan开发中。可能几个窗体都使用到分页。上一页、下一页、末页、或者点击某个数字到达某页。 如果效果:末页效果:                                  首页效果 到达第一页时,上一页禁用。末页第九页时,下一页禁用。 实现步骤: 建立一个JS文件用来存储分页公用代码: //分页处理 var PageHtml="";//ht
jquerymobile实现拖动分页加载页面功
jquerymobile实现拖动分页加载页面功
Jquery Mobile文字和UI 组件如何同时居中(前端UI)?
Jquery Mobile文字和UI 组件如何同时居中?关键点就是Table的应用!不要鄙视它(⊙o⊙),有时候还是很好用的哦···有图有真相
jquery mobile 文本框与按钮放在同一行
效果展示如图:
jQuery Mobile 实现移动客户端多级下拉导航菜单
jQuery Mobile 实现移动客户端多级下拉导航菜单
jQuery UI的下拉框显示不全解决方法
jQuery UI的下拉框显示不全解决方法 解决前,显示不全,select下拉框某些选项无法看到: <script type="text/javascript"> $("#cond_EPARCHY_CODE").selectmenu(); </script>
jQueryMobile的(十四) 表单 、文本输入、拖动滑动、切换开关
jQuery Mobile会自动替换标准的HTML表单元素,例如文本框,复选框,列表框。以这种自定义的样式工作在触摸设备上的表单元素,易用性更强: 文本输入 表单 Login Username: Password: 点击这里
JQuery Mobile入门——设置后退按钮文字
1、给page容器头部添加后退按钮,只需在page容器中添加data-add-back-btn属性,并将属性值设置为true。显示默认为back,可修改data-back-btn-text属性值来设置后退按钮中显示的文字。 2、示例代码:     New Document               $(function(){   $.mobile.pag
JQuery Mobile 应用实例(1)
1.2引用在线的css和js 2.Pages 例1:简单页面 data-role="page">   data-role="header">     欢迎访问我的主页     data-role="content">     我是一名移动开发者!
jQuery Mobile基础学习(2)(控件)
<div data-role="page" id="pageone"> <div data-role="header"> <h1>按钮</h1> </div> <div data-role="content"> <button>按钮</button> <input type="button" value="按钮"> <a href="#"
jQueryMobile的(十六)单选框、复选框
radio(单选按钮) 单选按钮组和复选按钮组都是用标准的 input/label 标记书写的,但是都被样式化得更容易触摸式点击。你所看见的控件,其实是覆盖在 input 上的 label 元素, 所以如果图片没有正确加载,你仍然可以正常使用控件。 Forms .ui-controlgroup-horizontal .ui-radio l
jQueryMobile的组件——按钮(button)
在jQueryMobile框架中,默认按钮是横向独占根据屏幕宽度自适应的。 ui-btn——声明为按钮显示; ui-shadow——让元素在划过时有阴影的效果; ui-icon-*——jQueryMobile内置图标属性; ui-btn-icon-notext——让按钮隐藏文字;另外的ui-btn-icon-*属性还有: ui-btn-inline——在一行中显示
jquery mobile中动态生成元素的事件绑定
我的环境是 jqm1.4.5 js1.11.1 脚本生成的数据用选择器一直无法直接选择元素,在网上查询了很多资料,终于在一个文章的小角落找到选择的方法 原文地址:http://www.jb51.net/article/86735.htm jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果。 例如有个lis
jQuery Mobile 所有class选项,开发全解+完美注释
//全局类 //ui-corner-all 为元素添加圆角 //ui-shadow 为元素添加阴影 //ui-overlay-shadow 为元素添加多层阴影 //ui-mini 让元素变小 // //按钮类 <a> 或 <button> 元素添加以下类 (不是 <input> 按
jquery mobile html显示后台传输的数据
.abs{ color:gray; font-size:0.9em; line-height:1.5em; font-weight:bold; } .title{ font-size:1.2em; FONT-FAMILY: 仿宋_GB2312; font-weight:bold; margin-bottom:10px; } .showTop{ margin-top:10px;
jquery mobile 不能自适应手机屏幕大小的解决办法
在head里面加上如下meta信息就可以了:
jquery mobile 页面加载时采用ajax绑定页面数据
 jquery mobile 页面加载时采用ajax绑定页面数据。 query mobile单选框radio的动态加载。 $(document).on('pageinit', '#home', function () {             $.ajax({                 url: 'GetDxmmHandler.ashx',                
jquery mobile在页面中间有一个灰色的圆圈
.ui-loading .ui-loader{display:block}.ui-loader{display:none;z-index:9999999;position:fixed;top:50%;left:50%;border:0} 这是它css里的代码,然后就简单了,重新定义一下就好了 .ui-loading .ui-loader{display:none} 写在它
jQuery Mobile(jqm)按钮的隐藏和显示,包括a标签,圆角和非圆角按钮
在移动互联网时代,HTML5开发越来越收到
jquery mobile关于使用iscroll动态加载数据实现下拉刷新和上拉的效果
做下拉刷新和上拉加载的时候
jquery mobile插件lable和input不显示在一行
jquery mobile做一个webapp,期间遇到了一个问题,就是lable和input不显示在同一行。 因为通常lable和input默认各占一行,所以需要寻找解决的办法。 首先我使用了fieldcontain属性: 代码如下             客姓www.111cn.net             这个属性成功的让lable和input显示在同一
JQuery Mobile入门——多种类型的网格布局
1、JQuery Mobile 提供的CSS样式ui-grid可以实现内容的网格布局,该样式有4种预设的配置布局:ui-grid-a、ui-grid-b、ui-grid-c、ui-grid-d,分别对应为两列、三列、四列、五列的网格布局形式。使用网格布局时,整个宽度为100%,无任何padding,margin及背景颜色,因此不会影响到其他元素放入网格中的位置。 2、示例代码:
jquery mobile实现html5下拉刷新,实现pc与phone的兼容
<link href="jqm/stylesheets/jquery.mobile.iscrollview-pull.css" rel="stylesheet" type="text/css" /> $(function() { getdata(); });
jquerymobile实现手机导航条的滚动
导航条主要代码     pageEncoding="UTF-8"%>   -->               $("#currentorders").live("pageshow", function () {    var width = 0;    $("#overflow .menu li")
jQuery Mobile 所有data-*选项,开发全解+完美注释
jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项jQuery Mobile 所有data-*选项:data-role="none" //避免jquery自动为元素添加样式按钮://在1.4 版本以后已废弃。使用 CSS 类 替代。带有 data-role="button" 的超链接。button 元素、工具栏中
如何去除JQuery Mobile中的默认input样式(转)
方法1:  使用jquery在创建后对所有元素增加属性  Java代码   $(document).bind( "pagecreate", function( e ) {       $( "input, textarea, select", e.target ).attr( "data-" + $.mobile.ns + "role", "none" );   }); 方法2:
jQuery Mobile图片轮转轮播
最近一直很忙,刚抽出一点时间,来看了一下camera,非常好用,这里分享一下,与大家共勉!
jQueryMobile的(九) 网格布局
jQuery Mobile提供的CSS样式“ui-grid”可以实现内容的网格布局。该样式有4种预设的配置布局:“ui-grid-a”、“ui-grid-b”、“ui-grid-c”、“ui-grid-d”,分别对应两列、三列、四列、五列的网格布局形式,可以最大范围满足页面多列的需求。 使用网格布局时,整个宽度为100%,无任何“padding”和“margin”及背景色,因此不会影响到其他
jquery mobile图片自适应屏幕
jquery mobile中如果不给img标签指定宽度的话,无法达到自适应屏幕的效果,特此备注:width:100%;
jquery mobile 中的长按操作
jQuery(function () {         jQuery("img").bind("taphold", tapholdHandler);         function tapholdHandler(event) {             alert("delete?");         }     });
jQueryMobile主题修改的若干问题
jQueryMobile主题修改的若干问题   (2011-11-03 14:42:33) 转载▼ 标签:  jquerymobile   css界面   css主题   it 分类: css3 原作:Using and customizing jQuery Mobile themes —— Ma
JQuery Mobile入门——翻转切换开关
1、在JQuery Mobile中,将元素的data-role属性值设置为slider,可以将该下拉列表元素下的两个选项样式变成一个翻转切换开关。 2、示例代码:     New Document           #pTip{  font-weight:bold;  clear:both;  text-align:center }
jQuery Mobile 导航栏和布局
导航栏 1.使用data-role=”navbar”属性来定义导航栏,导航栏最多放置5个按钮,否则会换行。<div data-role="header"> <!-- 五个按钮内,默认平分.如果有图标默认在文字正上方 --> <div data-role="navbar"> <ul> <li><a href="#
相关热词 c#导入fbx c#中屏蔽键盘某个键 c#正态概率密度 c#和数据库登陆界面设计 c# 高斯消去法 c# codedom c#读取cad文件文本 c# 控制全局鼠标移动 c# temp 目录 bytes初始化 c#
立即提问