jquery - 文本溢出不起作用

标签 jquery css html overflow

详细信息:

我在 css text-overflow 方面有问题。 实际上我的 div 包含大文本内容,但我希望它只显示四行,我想删除这些重叠的内容。 我怎样才能做到这一点?

我的重叠内容

overlapping div

CSS 代码:

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

最佳答案

You can't use pure css text-overflow with multi-line text (对不起)

你最好使用像 dotdotdot 这样的东西:

$(document).ready(function() {
    $(".divclass").dotdotdot();
});

关于jquery - 文本溢出不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22322849/

相关文章:

javascript - 如何保留一些对象并移除其他对象

twitter-bootstrap - CSS - 如何使用 Bootstrap 将 <span> 内容对齐到中间?

html - header 显示一些我无法修复的奇怪间隙 - CSS

javascript - 如何使用jquery通过具有特殊字符的名称属性来定位输入元素?

javascript - 在不更改选项文本的情况下更改下拉选择的文本

javascript - 将目标 ="blank"添加到所有外部链接的正则表达式

javascript - 如何根据多选下拉列表中先前选择的下拉值禁用下拉选项?

css - 如何将图像的一半定位在 div 响应之外

jquery - 添加 CSS 到 jQuery Ui Tab 添加

javascript - 如何访问匿名函数变量?