CSS controls that text in the TD object is replaced by ellipsis instead of line breaks when the text in the TD object exceeds the specified width.

<Style type = "text/css">. lineOverflow {width: 100px; border: #000 solid 1px; text-overflow: ellipsis; white-space: nowrap;/* disable automatic line feed */overflow: hidden ;} </style>

<Table style = "table-layout: fixed; width: 200px;"> <tr> <td class = 'lineoverflow'> since most Chinese fans can only watch live videos at home late at night, this advice does not need to be transferred to Chinese fans if you are at most with your friends. </td> </tr> </table>

It is valid for Firefox, chrome, and IE8. table-layout: fixed must be set for table. In addition, you must set the width for table under Firefox. Otherwise, it is invalid.