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

J2EE 码拜 9年前 (2015-05-10) 1182次浏览 0个评论
 

怎样用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分
引用 8 楼 blliy117 的回复:

只知道可以不显示出来多的部份,但不知道怎么用css替换成…

具体可以 div 的  style=”width:xxxpx;height:xxxpx;overflow: hidden”

注意 高和宽要定义,overflow定义成hidden

overflow设为auto比较好点

引用 6 楼 izard999 的回复:

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

正解

1.在JSP中使用 fn:substring(string,begin,end) 
可以,这样出来的字符串在各个浏览器中显示的长度都是一样的,
缺点:它不分 中文字符 和 英文字符
例如: 有这么两段段话 “hi,大家好我是ABC”和”早上好,记得多喝水哟”, 要求一行显示7个字
使用fn:substring(string,begin,end) 
得到:”hi,大家好我”和”早上好,记得多”  很显然这两句话在web页面显示时长度不一样,因为中文字符占了2个英文字符的位置

2.使用CSS样式  强制显示在一行、超出隐藏  
可以,这样就没有了上面说的缺点
但是每个浏览器对CSS样式的解释不同 ,IE会在最后加上”…”而火狐就会直接将超出的部分隐藏了

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

CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明怎样用css或其他在jsp中让很多内容只显示几个字符
喜欢 (0)
[1034331897@qq.com]
分享 (0)

文章评论已关闭!