table 里的td内容过长，小弟我想用。显示
日期：2014-05-17 浏览次数：20683 次
table 里的td内容过长，我想用。。。显示
table 里的td内容过长，我想用.....显示，重点：我想鼠标点.....上面，然后上面出现一个图层来显示整个内容，各位大哥大姐，求助啊！！！！！！！！！！！！
------解决方案--------------------
我倒是有一个思路，用二级弹出菜单的方法
------解决方案--------------------
呃，懂你意思了，你是想让它自动判断内容是否过长然后自动隐藏嘛，这个我就不晓得了，不过估计得用到javascript……
------解决方案--------------------
试一试css属性
text-overflow:ellipsis;
------解决方案--------------------
最好写段js搞定她~~~
------解决方案--------------------
display:block;/*定义为块级*/
overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
-o-text-overflow: ellipsis; /* 支持 Opera *
这只是 让多余的 内容再 一定的宽度范围内 显示省略号，但是连续的英文字母跟数字不行。
再你说的第二个问题就是 鼠标放上去显示完整的内容这个 用title吧。如果还有不懂的可以给我发私信 我做个 demo 给你
------解决方案--------------------
如果能帮助你 解决问题 记得 结贴 谢谢 赚点积分真不容易啊 。
------解决方案--------------------
table 里的td内容过长，我想用.....显示，重点：我想鼠标点.....上面，然后上面出现一个图层来显示整个内容，各位大哥大姐，求助啊！！！！！！！！！！！！
------解决方案--------------------
我倒是有一个思路，用二级弹出菜单的方法
<!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">
table {
border: #CCC 1px solid;
}
td,th {
width: 120px;
border: 1px solid #999;
}
td:hover ul {
display: block;
}
ul {
display: none;
border: 1px solid #999;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
width: 120px;
background: #CCC;
}
</style>
</head>
<body>
<table>
<tr>
<th>标题一</th>
<th>标题二</th>
</tr>
<tr>
<td>内容一内容……
<ul>
<li>隐藏内容一</li>
</ul>
</td>
<td>内容二内……</td>
</tr>
<tr>
<td>内容三</td>
<td>内容四</td>
</tr>
</table>
</body>
</html>
------解决方案--------------------
呃，懂你意思了，你是想让它自动判断内容是否过长然后自动隐藏嘛，这个我就不晓得了，不过估计得用到javascript……
------解决方案--------------------
试一试css属性
text-overflow:ellipsis;
------解决方案--------------------
最好写段js搞定她~~~
------解决方案--------------------
display:block;/*定义为块级*/
overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */
-o-text-overflow: ellipsis; /* 支持 Opera *
这只是 让多余的 内容再 一定的宽度范围内 显示省略号，但是连续的英文字母跟数字不行。
再你说的第二个问题就是 鼠标放上去显示完整的内容这个 用title吧。如果还有不懂的可以给我发私信 我做个 demo 给你
------解决方案--------------------
如果能帮助你 解决问题 记得 结贴 谢谢 赚点积分真不容易啊 。
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
