表格里的内容如何自动截取显示？
比如表格内容：1231312312312313131231312如何让其只显示前十位，后加省略号，有这样的标签么？ --------------------编程问答-------------------- 可以用js来处理，类似可以点击展开隐藏的；
比较古老的也可以直接对所得数据进行处理 --------------------编程问答-------------------- css的，但兼容性不好
<!doctype html>
<html>
<head>
<meta charset="gb2312" />
<title>关于文字内容溢出用点点点(…)省略号表示</title>
<style>
*{font-size:14px;margin:0;padding:0}
div{
width:200px; white-space:nowrap;
text-overflow:ellipsis; -o-text-overflow:ellipsis;
overflow:hidden;
}
</style>
</head>
<body>
<br/>
<br/>
<br/>
<div>
<a href="#">可以看到可以看到可以看到可以看到</a>
</div>
<pre>
p {
white-space: nowrap;
width: 100%; /* IE6 needs any width */
overflow: hidden; /* "overflow" value must be different from "visible" */
-o-text-overflow: ellipsis; /* Opera 9-10 */
text-overflow: ellipsis; /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
}
</pre>
</body>
</html>
js的
--------------------编程问答-------------------- 不用那么麻烦，我也遇到过这种问题，用css就可以控制：
<!doctype html>
<html>
<head>
<meta charset="gb2312" />
<title></title>
</head>
<body>
<a href="#" id="a">12345678901234</a>
<button id="btn">click</button>
<script>
var $ = function(id){
return document.getElementById(id);
};
$('btn').onclick = function(){
$('a').innerHTML = $('a').innerHTML.substring(0, 10) + '...';
}
</script>
</body>
</html>
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
不过你的浏览器不知道适不适合
还有一种方法用标签
这个标签
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
界面上是:
<div><fn:substring(XXXXX，0,10) </div> 截取10位 --------------------编程问答-------------------- 推荐这个。
补充：Java , Web 开发
