单行文本实现内容超出出现省略号

1：先给单行文本设置文本超出部分不换行-----white-space：nowrap；
2：设置文本内容超出的部分隐藏-----overflow：hidden；
3：最后设置文本隐藏出现省略号-----tetx-overflow：ellipsis；
![如图](https://img-blog.csdnimg.cn/d9444c753fd347e797ee5b28759793d5.png)
		(https://img-blog.csdnimg.cn/92ad799cbcd6425c9c7855b0f7e9c742.png)