方法1、css
<style type="text/css">
.text_slice {
width: 100px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>
<table>
<tr>
<td>
<span class="text_slice" style="width:200px;" title="这是一段很长的文字,当容器放不下则会出现省略号。这是一段很长的文字,当容器放不下则会出现省略号。这是一段很长的文字,当容器放不下则会出现省略号。">这是一段很长的文字,当容器放不下则会出现省略号。这是一段很长的文字,当容器放不下则会出现省略号。这是一段很长的文字,当容器放不下则会出现省略号。</span>
</td>
</tr>
</table>
方法2、JS
<script>
var str = "just a test hello world";
function processStr(str,n)
{
var l = str.length;
if(l<=n) return str;
return str.slice(0,l-3)+"...";
}
document.write(processStr(str,14));
</script>