text-overflow:ellipsis 不生效问题

按照text-overflow: ellipsis;使用规则，在标签样式中添加该属性未生效，例如：

写道

.text {
text-overflow: ellipsis;
}

长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字

之后，发现并没有达到我们想要的预期效果，其实还需要另外2个CSS属性的支持：

写道

.text {
text-overflow: ellipsis;
white-space: nowrap; 
overflow: hidden;
}

长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字长文字

————————————————

• 原文链接：https://blog.csdn.net/zhangchen124/article/details/79634842/