jsp页面，table中的文本溢出，用省略号代替，鼠标滑过显示全部文本
3个回答
展开全部
先说一下，看看能不能自己实现了。
不知道页面上面是不是可以用c:if标签，如果不可以，而用得是嵌入java代码的形式，也行。自己看着判断一下字符串的长度，如果超过一定的长度（可以设为十个或者几个字），就显示截取固定长度的字符串，然后后面显示省略号。这是省略号的显示。
鼠标尝过，显示全部文本。这一点做到其实比较简单。最简单的方式就是，把已经显示的内容（比如，上面截取出来的字符串），外面加上一个标签（可以是font），然后在利用这个标签的title属性，类似如下：
<td><font title="这里是显示的所有文字，没有任何省略">这里是显示的简略文字</font></td>
这样，在鼠标划过的时候，就能显示出完整的内容
再者，就是通过标签的onmouseover，来控制了。
<html>
<body>
<table>
<td><div onmouseover="document.getElementById('001_word_detail').style.display=''"
onmouseout="document.getElementById('001_word_detail').style.display='none'"
id="001_word" >这里是显示的文字的简略内容</div>
<div style="display:none;position:absolute;" id="001_word_detail">这里显示的是全部的文字，没有一点简略</div>
</td></table>
</body>
</html>
试试看。
当然，如果是大量的数据，而且里面又有各种标点符号的话，可能还是需要一楼说得，得借助ajax了。
看看前面说得这两种方法，能不能满足需要么。
天天开心呀。。。
:)
不知道页面上面是不是可以用c:if标签，如果不可以，而用得是嵌入java代码的形式，也行。自己看着判断一下字符串的长度，如果超过一定的长度（可以设为十个或者几个字），就显示截取固定长度的字符串，然后后面显示省略号。这是省略号的显示。
鼠标尝过，显示全部文本。这一点做到其实比较简单。最简单的方式就是，把已经显示的内容（比如，上面截取出来的字符串），外面加上一个标签（可以是font），然后在利用这个标签的title属性，类似如下：
<td><font title="这里是显示的所有文字，没有任何省略">这里是显示的简略文字</font></td>
这样，在鼠标划过的时候，就能显示出完整的内容
再者，就是通过标签的onmouseover，来控制了。
<html>
<body>
<table>
<td><div onmouseover="document.getElementById('001_word_detail').style.display=''"
onmouseout="document.getElementById('001_word_detail').style.display='none'"
id="001_word" >这里是显示的文字的简略内容</div>
<div style="display:none;position:absolute;" id="001_word_detail">这里显示的是全部的文字，没有一点简略</div>
</td></table>
</body>
</html>
试试看。
当然，如果是大量的数据，而且里面又有各种标点符号的话，可能还是需要一楼说得，得借助ajax了。
看看前面说得这两种方法，能不能满足需要么。
天天开心呀。。。
:)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
CSS有个属性是设置超过的部分就用省略号表示，做一个div层，设置这个属性，鼠标经过时，用JS把这个属性取消，鼠标移出时再复原
这是个思路，指定能实现，代码自己写吧
这是个思路，指定能实现，代码自己写吧
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以考虑js或者结合ajax。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
