在HTML中超范围字符显示...

<! 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 ="" >
< SCRIPT  LANGUAGE ="JavaScript" >
<!--
function changeTitle(obj){
 
if(obj.offsetWidth>obj.parentElement.offsetWidth){
  obj.title
=obj.innerText;
 }
else{
  obj.title
="";
 }

}

//-->
</ SCRIPT >  
</ 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 =""  onmouseover ="changeTitle(this)" > 这一行超出了范围这一行超出了范围这一行超出了范围这一行超出了范围 < div ></ td >
</ tr >
< tr >
< td  style ="width:150px;overflow:hidden;text-overflow:ellipsis;" >< div  style ="white-space:nowrap;"  title =""  onmouseover ="changeTitle(this)" > 这一行没超范围 < div ></ td >
</ tr >
< tr >
< td  style ="width:150px;overflow:hidden;text-overflow:ellipsis;" >< div  style ="white-space:nowrap;"  title =""  onmouseover ="changeTitle(this)" > 这一行又超出了范围这一行又超出了范围 < div ></ td >
</ tr >
</ table >
</ BODY >
</ HTML >


 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值