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;}