The client (CSS) resolves the automatic interception of string lengths and ... Replace

Usually we read the title of the article, encountered too many characters, are through the program on the server to intercept a certain number of characters, and then add ... To achieve the title length intercept. In fact, we can also use CSS to control.

The actual columns are as follows:

.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}

You can use span or div references, such as:

<span class=title> Client Resolution header display too long omit superfluous part and add ellipsis style </span>

<div class=title> Client Resolution header display too long omit superfluous part and add ellipsis style </div>

The above 2 cases show that after the 200px width of the style definition is exceeded, the following characters will be ... Replace.