Use CSS to solve the title display the number of words beyond the ellipsis instead of the method

Title words beyond the scene:

The left side of the column I can't let him change the line, how to do?

Step One: hide content beyond the width

Step two: show ellipsis (...) when text overflows inside an object

Here is the workaround:

table{width:100px;table-layout:fixed;/* only the table-defined layout algorithm is fixed, the following TD definition will work. */}td{width:100%;word-break:keep-all;/* does not break the line */white-space:nowrap;/* the content is not wrapped */overflow:hidden;/* the content exceeds the width of the contents of the hidden part */ text-overflow:ellipsis;/* display ellipsis (...) when text inside an object overflows; use with overflow:hidden; */

"Recommended"

1. HTML text control display the number of words beyond the use of ellipsis method

2. CSS to resolve the text number of words beyond the display ellipsis ... Method (Single-line, multi-text)

3. Online CSS free video tutorial