Jquery 文本溢出不起作用

详细信息：

.divclass {
    width:90%;
    display: block;
    float: right; 
    text-overflow: ellipsis;
    overflow:hidden;
}

我在css文本溢出中遇到问题。 实际上，我的div包含大量文本内容，但我希望它只显示四行，并且我希望删除这些重叠的内容。 我怎样才能做到这一点

我的重叠内容

CSS代码：

.divclass {
    width:90%;
    display: block;
    float: right; 
    text-overflow: ellipsis;
    overflow:hidden;
}

---

您可以在javascript中使用子字符串，也可以尝试以下操作：

示例：

.divclass {
    width:90%;
    display: block;
    float: right; 
    text-overflow: ellipsis;
    overflow:hidden;
}

---

给你的.divclass指定一个高度

 .divclass { max-height: 150px; }

或者您的四条线路所需的最大高度（对不起）

您最好使用以下内容：

---

试试这个空白：nowrap

.divclass {
width:90%;
display: block;
float: right; 
text-overflow: ellipsis;
overflow:hidden;
white-space:nowrap; 
}

---

使用这个，不使用jQuery就可以工作

.divclass {
            height:25px;
            overflow:hidden;
            width:50%;
            text-overflow:ellipsis;
            display:block;
            white-space:nowrap;
        }

---

好奇的是，它可以通过webkit浏览器完成：

display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;

---

尝试指定高度提供一个JSFIDLE链接将是一个“加号”可能的重复：好的，我会尝试这个，但是不使用jquery就可以实现吗？唯一的方法是使用

max height:30px限制div的高度@Ahni我同意你的观点，但我有一个问题。如果我再次增加字体大小，同样的问题会出现吗？是的，如果文本超过高度边界，增加字体大小最终会使文本的行为与现在的行为相同。最好为这个div保留一个特定的字体大小。在代码中只显示一行，但我想显示前四行和第四行末尾的“…”