有没有CSS的方式(没有JavaScript / jQuery)只显示前两行,如果有三行或更多行,隐藏额外的行并显示省略号？
例如,我怎么能把这个小提琴：
……让它看起来像这样？
Lorem Ipsum Dolor
Sit Amet Consectetur
Ut Enim Ad Minim
Veniam Quis Nostrud...
Duis Aute Irure
Dolor In...
提前致谢.
最佳答案
您可以使用带有高度的text-overflow：ellipsis属性.
原文链接：https://www.f2er.com/html/426080.html像这样
.truncate
{
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height:100px;
}
通过使用文本溢出,您可以在不使用javascript的情况下显示输出.
来源
To Learn more about truncating. Read this link
新的更新
对于多行省略号,您可以使用此方法.
css
.classname:after{
content: "\02026";
}
我认为很少有链接可能有用
