Display text too long ellipsis (CSS Control)

Disclaimer: This article is a blogger original article, shall not be reproduced without the bloggers allowed. https://blog.csdn.net/xiaohe73/article/details/79277712

Any elements with the following styles: 

white-space:nowrap; 

 overflow:hidden; 

 text-overflow:ellipsis;

Also, pay attention to the elements plus width:

width:100px;

Thus, the elements of the text in more than 100px, it will automatically display an ellipsis