var tooLong = document.getElementById("longText").value;
    if (tooLong.length() > 18){
        $('#longText').css('text-overflow', 'ellipsis');
    }

我认为你正在寻找文本溢出:省略与空白:nowrap结合

点击这里查看更多细节

你可以试试这个:

.classname { 宽度:250 px; 溢出:隐藏; 文本溢出:省略; ｝

文本溢出:省略号只工作，如果你显示1行。如果更多，你可以使用display: -webkit-box属性，以防你想显示更多一行。代码如下2行。

line-height: 1.6rem;
overflow: hidden;
display: -webkit-box; 
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 3.2rem;

首先，你做一个div标签设置宽度，在里面做p标签，然后添加文本，并应用下面给出的代码。 当你的p标签达到div标签的宽度时，“…”将被应用。

-

列表项

`div > p{
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;}` 

如果你正在使用ES6，它可以用三元操作符和模板字面量来创建

function add3Dots(text, limit)
{
    return text.length > limit ? `${text.substring(0, limit)}...` : text;
}