html - CSS - 文本溢出 : ellipsis fixing

Question

我正在使用 text-overflow: ellipsis 在我的容器文章中创建最大行数。它工作正常但限制在 1 行之后开始，我需要将它设置为更多。 (如 3-4)问题是我如何尝试将文章容器中的所有内容移走或不做任何更改。

我是 CSS 的新手，所以我很可能做错了什么，你能帮我解决这个问题吗？

演示: Fiddle LIVE WEBSITE

带有省略号的部分 CSS(完整的 CSS/HTML 可以在上面的演示中找到):

#article-container p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 168px;
}

#article-container p.more {
    overflow: hidden;
    padding: 0;
    white-space: normal;
    width: auto;
}

伙计们，有没有人可以帮我设置它以限制更多行，而不仅仅是一行？

感谢阅读这篇文章

Answer 1

CSS 中的 Elipse 目前只做 1 行。有一些 javascript 库可以帮助您完成您想要的。 http://dotdotdot.frebsite.nl/例如。