Css 文本溢出，角8中带有ngx省略号

我有一个名为“c0f6bd14-11ea-be017_001_lbl_017”，它是表单名和一些其他属性的组合。 现在，因为它很长，我想缩短这个名字，以显示在前端。我能够以“c0f6bd14-11e…”的形式获取，现在的问题是我想要以第一个和最后一个单词的形式获取，即“c0f6bd14-11e…017”

我应该用什么

目前，我正在使用ngx省略号，CSS如下：

.shortenText {
     width: 200px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     display:inline-block;
     right: -5px;
}

---

你可以使用这个函数来实现它

函数myFunction（）{
var str=“Helloworld！”；
var res=str.slice（0,3）+'…'；
var res2=str.slice（-3）
var res3=res+res2；
document.getElementById（“demo”）.innerHTML=res3；
}

这将打印

Hel…ld

我相信可以做得更好，但你明白了

在
res
中，首先存储
x
字符数并附加。。。去吧。在
res2
中，您获得最后3个字符并将它们附加到
res2

在
res3
中，附加这两个结果并显示它们

还有。对不起，代码太乱了。我正在用手机写这封信：）

希望这有帮助：）
嗨！我是ngx省略号的作者，可以确认它不支持这一点。无论如何，这个库只对多行省略号是必需的，否则您可以使用Mileta Dulovic提供的简单js。