CSS table td width - fixed, not flexible

Question

I have a table and I want to set a fixed width of 30px on the td\'s. the problem is that when the text in the td is too long, the td is stretched out wider than 30px.

Answer 1

Put a div inside td and give following style width:50px;overflow: hidden; to the div
Jsfiddle link

  
 
    A long string more than 50px wide