用CSS来实现把过长的字符串替换为省略号

一、HTML如下：

<table class="tbword"width="200"border="1"> 

<tr> 

  <tdnowrap="nowrap"class="word"> 

  <ahref="#">很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长</a> 

  <br/><br/> 

  <ahref="#">很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长</a> 

 </td> 

</tr> 

</table> 

注1：tdnowrap="nowrap"，让禁止文字换行。

二、CSS如下：

<styletype="text/css"> 

.tbword{  

 table-layout:fixed; 

} 

.word{  

 overflow:hidden; 

 text-overflow:ellipsis;  

  white-space:nowrap;

} 

</style>

注2：table-layout:fixed，表格固定不会被里面的内容撑大； 

注3：overflow:hidden，在td中的文字超出部分隐藏； 

注4：text-overflow:ellipsis;文本溢出部分显示省略号；

注5：white-space: nowrap;文本不会换行，文本会在在同一行上继续，直到遇到标签为止；