Pur CSS points de suspension Pour Trois ou Plus de Lignes de Texte

Est-il un CSS uniquement (pas de JavaScript/jQuery) pour ne montrer que les deux premières lignes et, s'il y a plus de trois lignes, masquer les lignes supplémentaires et de montrer des points de suspension?

Par exemple, comment puis-je prendre ce violon:

http://jsfiddle.net/0yyr3e63/

...et la faire ressembler à ceci?

Lorem Ipsum Dolor
Sit Amet Consectetur

Ut Enim Ad Minim
Veniam Quis Nostrud...

Duis Aute Irure
Dolor In...

Merci d'avance.

mobify.com/blog/multiline-ellipsis-in-pure-css
Merci - je vais vérifier ça.
double possible de la Limite de la longueur du texte à n lignes à l'aide de CSS
J'ai lu ce post, mais il n'a pas de réelle réponse utile.

OriginalL'auteur Ryan | 2014-08-22

  1. 4

    Vous pouvez utiliser text-overflow:ellipsis propriété avec height.

    Comme ce

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

    En utilisant text-overflow, vous pouvez afficher la sortie sans l'aide de javascript.

    Sources

    Lien Source

    Pour en Savoir plus sur troncature. Lire ce lien

    Nouvelle Mise À Jour

    Pour plusieurs lignes de points de suspension, vous pouvez utiliser cette méthode.

    css
.classname:after{
content: "026";
}

    Multi-Points De Suspension

    Quelques Liens qui, je pense, pourrait être utile

    1.Codepen exemple

    2.Css Astuces

    Je pense que l'OP est conscient de text-overflow: ellipsis; Mais il est à la recherche d'une solution pour réaliser plusieurs lignes de points de suspension.
    Son violon montre qu'il n'a pas utilisé les points de suspension de la propriété @HashemQolami
    text-overflow: ellipsis ne fonctionne que pour une seule ligne de troncature. J'ai besoin de montrer les deux premières lignes seulement, suivie par une ellipse si d'autres lignes existent (voir mon exemple dans l'OP).
    Vous avez raison, cependant text-overflow: ellipsis; ne fonctionne pas sur le texte multilignes.
    Vous voulez savoir qui "OP" signifie "Affiche Originale" ce n'est pas le message en lui-même 🙂

    OriginalL'auteur Vivek Dragon