怎样用css或js或其他在jsp中让一大段的内容只显示一小段的内容 在现实信息的时候 有很大一段字 但是如果让它显示出来的话很难看 我想用css或其他的来把它简洁的现实出来 |
|
就像这个的头一页那样 多的字符用…显示
|
|
jstl的fn函数有截取字符串的功能
|
|
js里面也是用subString()截取
|
|
用js要触发事件达! 我值传过来就是很长的字符 但我传过来就要显示
|
|
那就用jtsl的fn函数吧.!
|
|
fn:substring(string, begin, end)
返回参数string部分字符串, 从参数begin开始到参数end位置,包括end位置的字符 |
|
从控制层传过来的值外面套个el就ok了
|
|
只知道可以不显示出来多的部份,但不知道怎么用css替换成…
具体可以 div 的 style=”width:xxxpx;height:xxxpx;overflow: hidden” 注意 高和宽要定义,overflow定义成hidden |
|
10分 |
overflow设为auto比较好点 |
正解 |
|
1.在JSP中使用 fn:substring(string,begin,end)
可以,这样出来的字符串在各个浏览器中显示的长度都是一样的, 缺点:它不分 中文字符 和 英文字符 例如: 有这么两段段话 “hi,大家好我是ABC”和”早上好,记得多喝水哟”, 要求一行显示7个字 使用fn:substring(string,begin,end) 得到:”hi,大家好我”和”早上好,记得多” 很显然这两句话在web页面显示时长度不一样,因为中文字符占了2个英文字符的位置 2.使用CSS样式 强制显示在一行、超出隐藏 |
|
text-overflow:ellipsis; white-space:nowrap; overflow:hidden; |
|
10分 |
// js
function f(){ var sStr = document.getElementById("t1").value; if(sStr.length > 5){ sStr = sStr.substring(0,5) + "..."; document.getElementById("t1").value = sStr; } var sStr2 = document.getElementById("t2").value; if(sStr2.length > 5){ sStr2 = sStr2.substring(0,5) + "..."; document.getElementById("t2").value = sStr2; } } // html <input type="text" value="123456789" id="t1"/> <input type="text" value="一二三四五六七八九" id="t2"/> |