日期:2014-05-16  浏览次数:20361 次

新手求教一JS实现文本部分显示问题
我想实现的是:在一个页面中的所有文本信息,如果长度超过一定的值,就只显示文本的前一部分+ "... "的样子,比如
<td> 1234567890 </td> 把它显示成 <td> 12345... </td> 的样子,请教各位高手用JS怎么实现啊!!

------解决方案--------------------
function cut(str, n){
if (str.length > n) return str.substr(0, n) & ...;
else return str;
}
alert(cut( "1234567890 ", 5));

也可以用CSS的text-overflow :ellipsis解决。
------解决方案--------------------
样式表就行!

<table>
<tr>
<td> <div style= "text-overflow: ellipsis; overflow: hidden; width: 50px; background-color: #ffff00; "> <nobr> 1234567890 </nobr> </div> </td>
<td> 1234567890 </td>
</tr>
<tr>
<td> 1234567890 </td>
<td> 1234567890 </td>
</tr>
</table>