html如何实现当鼠标放在某字符串时可以看到全部内容当鼠标撤离时只能看到固定长
具体的来说就是在一个<td></td>里面读取数据库中的一个字段内容，而这个td的宽度已经限定，所以当该字段内容过长时就会自动换行显示，现在要求的是只要显示一行，而后面多...
具体的来说就是在一个<td></td>里面读取数据库中的一个字段内容，而这个td的宽度已经限定，所以当该字段内容过长时就会自动换行显示，现在要求的是只要显示一行，而后面多余的就以...显示，当鼠标放上去后可以看到该字段内容，当鼠标撤离就只能看到前面的固定长度内容和...
展开
4个回答
展开全部
现在<td></td>里面加一个<div id="show">
在从数据库提取出这个数据的时候用substring方法截取前几个字符，然后将值赋给id为show的div里面，之后给div的onmouseover和onmouseout两个事件里写入相应要显示全部和部分的字符。
在从数据库提取出这个数据的时候用substring方法截取前几个字符，然后将值赋给id为show的div里面，之后给div的onmouseover和onmouseout两个事件里写入相应要显示全部和部分的字符。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以结合:hover｛｝伪类，当鼠标hover的时候width样式设为auto，例如：
a{display:inline-block; width:100px; overflow:hidden}
a:hover{width:auto}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以给<td>加个title，如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
li{ float:left; list-style:none}
</style>
</head>
<body>
<table width="85%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td title="123456">1233...</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
也可以通过JS效果实现
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
li{ float:left; list-style:none}
</style>
</head>
<body>
<table width="85%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td title="123456">1233...</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
也可以通过JS效果实现
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你要看到的所有的内容是要换行还是就一行啊？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
