table 里的td内容过长，小弟我想用。显示-HTML教程-爱易网页

table 里的td内容过长，小弟我想用。显示

日期：2014-05-17　浏览次数：20703 次

table 里的td内容过长，我想用。。。显示
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>

------解决方案--------------------

引用:

引用:我倒是有一个思路，用二级弹出菜单的方法

XML/HTML code?

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253

<!DOCTYPE html PUBL……

呃，懂你意思了，你是想让它自动判断内容是否过长然后自动隐藏嘛，这个我就不晓得了，不过估计得用到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内容过长，小弟我想用。显示

相关资料更多>

推荐阅读更多>