如何在td内隐藏超过长度内容,并用expression显示。。。
CSS接触不多,找了几段自己改的。哪位高手帮忙指点下,我哪里有错误。我要实现器械编号那一栏,超过60px就隐藏,并且鼠标移上去可以提示出来。
<style>
#newstd .ellipsis_row{width:60px}
.ellipsis_row{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
wzy:expression( this.title=this.offsetWidth<this.children(0).offsetWidth?this.children(0).innerText:'',
this.style.wzy=''
);
background-color=#b0b0b0;
}
.tablebody1 {
background-color:#ffffff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
border-bottom-width:0;
color:#666666;
padding: 0;
border-left:1 solid #dedede;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
}
</style>
<table class="tablebody1" id="losingtable" style="WIDTH: 439px; HEIGHT: 10px" cellSpacing="0"
cellPadding="0" width="439" border="0">
<tr class="head2">
<td id="newstd" width="60" class="ellipsis_row"><span><span>器械编号</span></span></td>
<td width="70"><span>器械名称</span></td>
<td width="60"><span>数量</span></td>
<td width="60"><span>库房名称</span></td>
<td width="159"><span>报损原因</span></td>
<td width="30"><span>取消</span></td>
</tr>
</table>