怎样用css或其他在jsp中让很多内容只显示几个字符

Question

怎样用css或js或其他在jsp中让一大段的内容只显示一小段的内容在现实信息的时候 有很大一段字 但是如果让它显示出来的话很难看 我想用css或其他的来把它简洁的现实出来

Answer 1

jstl的fn函数有截取字符串的功能

Answer 2

fn:substring(string, begin, end) 
返回参数string部分字符串, 从参数begin开始到参数end位置，包括end位置的字符

Answer 3

从控制层传过来的值外面套个el就ok了

Answer 4

只知道可以不显示出来多的部份，但不知道怎么用css替换成...
具体可以 div 的  style="width:xxxpx;height:xxxpx;overflow: hidden"注意 高和宽要定义，overflow定义成hidden

Answer 5

1.在JSP中使用 fn:substring(string,begin,end) 
可以，这样出来的字符串在各个浏览器中显示的长度都是一样的，
缺点：它不分 中文字符 和 英文字符
例如： 有这么两段段话 "hi,大家好我是ABC"和"早上好，记得多喝水哟"， 要求一行显示7个字
使用fn:substring(string,begin,end) 
得到："hi,大家好我"和"早上好，记得多"  很显然这两句话在web页面显示时长度不一样，因为中文字符占了2个英文字符的位置
2.使用CSS样式  强制显示在一行、超出隐藏  
可以,这样就没有了上面说的缺点
但是每个浏览器对CSS样式的解释不同 ，IE会在最后加上"..."而火狐就会直接将超出的部分隐藏了

Answer 6

 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden; 

Answer 7

// 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"/>