table中td隐藏溢出文字，鼠标停留显示

首先肯定会有Css+Js来实现的方法，日后还需要好好学下，下面是一个有些投机取巧的方法：

 
<style type="text/css"> 
table {width:500px;table-layout:fixed;} 
.col1 {width:20%;} 
.col2 {width:40%;} 
.col3 {width:40%;} 
td {white-space:nowrap;overflow:hidden;} 
</style> 
<table border="1" cellspacing="0" summary="回头来看看Table：TD也玩overflow:hidden"> 
<tr> 
<td class="col1">王五 张三</td> 
<td class="col2">你就当是浮夸吧 浮夸只因我很怕 你喜欢陈奕迅么</td> 
<td class="col3">赵六</td> 
</tr> 
</table> 

.col1 {width:20%;} 
.col2 {width:40%;} 
.col3 {width:40%;}必须以%的写法，否则会失效。