<TD> <span class = "text-Content"> . 1 . job content job content job content job content job content job content job content 2 . job content job content job content job content job content job content job content </ span> < / TD> CSS: / * table exceeds hide * / .ellipsis -table {the table- layout: Fixed;} .ellipsis -table TD {width: 100%; Word- BREAK : Keep-All; White Space-: nowrap; overflow : hidden; tEXT- overflow: ellipsis;} JS: // content assignment title . $ ( '.-text content') hover ( function () { var value = $ ( the this ) .text (); $ ( this).attr('title',value); });