Diese Frage hat hier bereits eine Antwort:

dies ist mein CSS-Snippet

.test{
    width:150px;
    height:60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

was es tut ist ..

the quick brown fo...

was ich will ist

the quick brown fox
jumps over the lazy
dog. the quick br...

gibt es sowieso das nur mit CSS zu tun? oder muss ich dafür Javascript verwenden. Wenn Javascript benötigt wird, kann mir jemand beibringen, wie? Vielen Dank

AKTUALISIERE

Ich habe versucht, das @ zu entfernwhite-space: nowrap; und @ hinzugefüoverflow-y: hidden; es gibt mir das 3-Zeilen-Layout, aber keine Auslassungspunkte

.test{
    width:150px;
    height:60px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}