是否只有CSS方式(没有JavaScript / jQuery)才能显示前两行,如果有三行或更多行,则隐藏额外的行并显示省略号?
例如,我该怎么做这个小提琴:
......让它看起来像这样?
Lorem Ipsum Dolor
Sit Amet Consectetur
Ut Enim Ad Minim
Veniam Quis Nostrud...
Duis Aute Irure
Dolor In...
提前致谢。
答案 0 :(得分:4)
您可以将text-overflow:ellipsis
属性与height
一起使用。
喜欢这个
.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";
}
我认为可能有用的几个链接