css样式实现td显示字体超长显示...鼠标悬浮显示全部

虽然我的是超链接，字体name 也是动态查询出来的，目的是，如果查询出来的这个字体太长，会影响我的展示效果，所以需要影藏超过固定长度的字体；

 var itemStr="<tr>"
			    +"<td class=\"serverName-td1\">"
			     +"<a class=\"fh\" href=\"\">"
			    +"<span class=\"sp\">"    
			    //+"<img class=\"file1\" src=\"../img/logo(24).png\"/>" 
			    +"<img class=\"file1\" src=\"img/logo (24).png\"/>" 
			    +name
			    +"</span></a>"
			    +"</td>";

.fh{
 display: inline-block;
	  max-width:220px; 
	  word-wrap:break-word; 
	  text-overflow:ellipsis; 
	  white-space:nowrap; 
	  overflow:hidden; 
	 }
 .fh:hover{
    white-space:normal; 
    overflow:auto;
  }