使用text-overflow:ellipsis对溢出文本显示省略号有两个好处
使用text-overflow:ellipsis对溢出文本显示省略号有两个好处，一是不用通过程序限定字数；二是有利于SEO。需要使用对对溢出文本显示省略号的通常是文章标题列表，这样处理对搜索引擎更友好，因为标题实际上并未被截字，而是局限于宽度而未被显示而已。
通常的做法是这样的：
1.overflow:hidden;
2.text-overflow:ellipsis;
3.-o-text-overflow:ellipsis;
4.white-space:nowrap;
5.width:100%;
其中，overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号；-o-text-overflow: ellipsis针对Opera；而宽度的设定主要是针对IE6；
该方法支持Internet Explorer, Safari, Chrome 和 Opera，但FF并不支持，不过可以通过Jquery来实现类似的效果。
下载这个Jquery插件：jQuery ellipsis plugin
调用方法：
1.$(document).ready(function() {
2. $('.ellipsis').ellipsis();
3.}
.针对table
table{
table-layout:fixed;
}
table td{
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
关于firefox不支持text-overflow:ellipsis;的解决办法
text-overflow:clip/ellipsis;
前者clip是默认值，即“不显示省略标记，只是简单的裁切”；
后者ellipsis意思是“对象内文本溢出时显示省略标记（...）”。
但是当使用了text-overflow:ellipsis;以后，在ie下显示是正确的，超出部分为省略号...，而在firefox中超出部分却是裁切掉了，这是因为firefox不支持text-overflow:ellipsis;属性。
解决办法如下：（例子如下）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
*{
font-size:12px;
padding:0;
margin:0;
}
.main_leftlist a{
width:180px;
padding:0 0 0 5px;
display: block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
</style>
</head>
<body>
<table width="30%" cellspacing="0" class="club01_tab">
<tbody>
<tr>
<td><div class="main_leftlist"><a href="#">图说中国少年儿童百科全书-下卷</a></div></td>
</tr>
<tr>
<td><div class="main_leftlist"><a href="#">图说中国少年儿童百科全书-下卷</a></div></td>
</tr>
<tr>
<td><div class="main_leftlist"><a href="#">图说中国少年儿童百科全书-下卷</a></div></td>
</tr>
</tbody>
</table>
</body>
注明：
url('ellipsis.xml#ellipsis');（注意路径）引用的是外部名为ellipsis.xml的文件，这是个固定写法。
ellipsis.xml文件的内容为：
<?xml version="1.0"?>
<bindings xmlns="http://www.mozilla.org/xbl" xmlns:xbl="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"><binding
id="ellipsis"><content><xul:window><xul:description
crop="end"
xbl:inherits="value=xbl:text"><children/></xul:description></xul:window></content></binding></bindings>
