是否有一种仅 CSS 的方法(无 JavaScript/jQuery)仅显示前两行,如果有三行或更多行,则隐藏多余的行并显示省略号?
例如,我怎样才能拿这个小提琴:
http://jsfiddle.net/0yyr3e63/
...并使它看起来像这样?
Lorem Ipsum Dolor
Sit Amet Consectetur
Ut Enim Ad Minim
Veniam Quis Nostrud...
Duis Aute Irure
Dolor In...
提前致谢。
您可以使用text-overflow:ellipsis
财产与height
.
像这样
.truncate
{
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height:100px;
}
通过使用 text-overflow,您可以在不使用 javascript 的情况下显示输出。
Sources
来源链接
了解有关截断的更多信息。阅读此链接
新更新
对于多行省略号,您可以使用此方法。
css
.classname:after{
content: "\02026";
}
多行省略号
我认为可能有用的链接很少
1.Codepen示例
2.CSS技巧
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)