首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

让报表固定宽度显示内容,超出长度内容隐藏,让鼠标放到此处时自动显示所有的内容包括隐藏的内容

2012-12-19 
让表格固定宽度显示内容,超出长度内容隐藏,让鼠标放到此处时自动显示所有的内容包括隐藏的内容如题,做了个

让表格固定宽度显示内容,超出长度内容隐藏,让鼠标放到此处时自动显示所有的内容包括隐藏的内容
如题,做了个网站,表格 ,行 ,显示内容,由于内容长短不一。长的话,就换行了。显得不整洁。
[最优解释]
支持IE与FF。未测试opera 与其它浏览器。请自测


<html>
<head><title>让表格里的数据按宽度显示,并多出的部分隐藏用...</title>
<style type="text/css">
 table
 {
   border-collapse:collapse;
   width:484px;
  table-layout:fixed; 
       }
td {
   overflow:hidden;
   text-overflow:ellipsis;
  }
</style>
</head>
<body>
<table width="200" borderColor="#7788cc" border="1" style="table-layout:fixed;">
<tr>
<td width="80" title="人生最痛苦的事就是失去最亲的人。">
<nobr>人生最痛苦的事就是失去最亲的人。</nobr></td>
<td><nobr>人生最痛苦的事就是失去最亲的人。</nobr></td>
<td><nobr>人生最痛苦的事就是失去最亲的人。</nobr></td>
</tr>
</table>
</body>
</html>

[其他解释]
谢谢,很好。我用了
[其他解释]
该回复于2012-01-29 09:41:34被版主删除
[其他解释]
我回复看一下,老是被这个问题困扰
[其他解释]
我也被这问题困扰咯     求解 
[其他解释]
我也被这问题困扰咯 求解
[其他解释]
我也被这问题困扰咯 求解 

热点排行