把单元格显示不下的文本用省略号代替，并且当mouseover时用提示信息显示全部内容

jam_li

于 2006-09-04 16:15:00 发布

阅读量3.4k

点赞数

分类专栏： Script 文章标签： generator html javascript border function table

本文链接：https://blog.csdn.net/jam_li/article/details/1176004

版权

Script 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<table border="1" style="table-layout:fixed">
<tr>
<td style="width:150px;overflow:hidden;text-overflow:ellipsis;"><div style="white-space:nowrap;" title="" οnmοuseοver="changeTitle(this)">这一行超出了范围这一行超出了范围这一行超出了范围这一行超出了范围<div></td>
</tr>
<tr>
<td style="width:150px;overflow:hidden;text-overflow:ellipsis;"><div style="white-space:nowrap;" title="" οnmοuseοver="changeTitle(this)">这一行没超范围<div></td>
</tr>
<tr>
<td style="width:150px;overflow:hidden;text-overflow:ellipsis;"><div style="white-space:nowrap;" title="" οnmοuseοver="changeTitle(this)">这一行又超出了范围这一行又超出了范围<div></td>
</tr>
</table>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

jam_li

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
把单元格显示不下的文本用省略号代替，并且当mouseover时用提示信息显示全部内容

New Document 这一行超出了范围这一行超出了范围这一行超出了范围这一行超出了范围这一行没超范围这一行又超出了范围这一行又超出了范围function changeTitle(obj){ if(obj.offsetWidth>obj.parentElement.offsetWidth){ obj.title=obj.innerText; }else{ obj.title=""; }
复制链接

扫一扫

专栏目录