是否有一种纯 CSS 方式（无 JavaScript/jQuery）只显示前两行，如果有三行或更多行，隐藏多余的行并显示省略号？
例如，我该如何拿这个小提琴：
...让它看起来像这样？
Lorem Ipsum Dolor
Sit Amet Consectetur
Ut Enim Ad Minim
Veniam Quis Nostrud...
Duis Aute Irure
Dolor In...
提前致谢。
【问题讨论】：
标签： html css overflow ellipsis
您可以将text-overflow:ellipsis 属性与height 一起使用。
这样
.truncate
{
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height:100px;
}
通过使用 text-overflow，您可以在不使用 javascript 的情况下显示输出。
来源
To Learn more about truncating. Read this link
新更新
对于多行省略号，您可以使用此方法。
css
.classname:after{
content: "\02026";
}
我认为可能有用的几个链接
【讨论】：
text-overflow: ellipsis; 但他正在寻找实现多行省略号的解决方案。
text-overflow: ellipsis 仅适用于单行截断。我只需要显示前两行，如果存在其他行，则后跟省略号（请参阅我在 OP 中的示例）。
text-overflow: ellipsis; 不适用于多行文本。