欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何设置超出文本自动变成省略号

程序员文章站 2022-03-02 15:22:49
...

遇到这个小bug,超出的文字叠加,丑哭又影响下文字段格式。因此想到我们伟大的CSS有这种解决办法,效果显著。 不说了,老板说今晚盒饭加鸡腿!

overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 210px;