TD or DIV text beyond the width of the CSS hide method

When we define the div width, inside the content may be more, will be super out, will div or form to support the big, deformation of the impact of the Web page beautiful, introduce a method, with CSS forced to hide unwanted content and automatically display ellipsis, such as the following HTML definition method:

In the above CSS code, text-overflow:ellipsis refers to an ellipsis mark (...) When the object text overflows, Text-overflow:clip is the default value, the ellipsis (...) is not displayed, but the extra content is trimmed off. However, also note that in CSS code:

Overflow:hidden;

Text-overflow:ellipsis;

White-space:nowrap;

These 3 definitions must be used together, be sure to set the width of the container, be sure to the table (or other containers) to define table-layout:fixed; only the layout algorithm defined table is fixed, the following TD definition can work!