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)
单行文本实现内容超出出现省略号
最新推荐文章于 2024-09-09 09:01:46 发布