Html 三行或更多行文本的纯CSS省略号

是否只有CSS（无JavaScript/jQuery）可以只显示前两行，如果有三行或更多行，则隐藏多余的行并显示省略号

例如，我怎样才能拿这把小提琴：

…让它看起来像这样

Lorem Ipsum Dolor
Sit Amet Consectetur

Ut Enim Ad Minim
Veniam Quis Nostrud...

Duis Aute Irure
Dolor In...

---

提前感谢。

您可以将

文本溢出：省略号

属性与

高度

一起使用

像这样

.truncate 
{
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height:100px;
}

通过使用文本溢出，您可以在不使用javascript的情况下显示输出

来源

新更新

对于多行省略号，可以使用此方法

css
.classname:after{
content: "\02026";
} 

我认为可能有用的几个链接

---

谢谢-我会查出来的。@Paulie\u的可能副本我读了那篇文章，但没有一个真正有用的答案。我想OP知道

文本溢出：省略号但他正在寻找实现多行省略号的解决方案。他的小提琴表明他没有使用省略号属性@HashemQolami
文本溢出：省略号
仅适用于单行截断。我只需要显示前两行，如果存在其他行，则后跟省略号（请参见我在OP中的示例）不适用于多行文本。@Ryan您可能想知道这一点，而不是文章本身：）