Mehrzeilige Ellipse in ionischen 2

Question

Gibt es eine Möglichkeit, mehrzeiligen Ellipsen Text in ionic 2 zu erreichen. Ich habe eine Kartenansicht und muss maximal 2 Zeilen beschränken, um darin mit vertikaler Zentrumsausrichtung angezeigt werden. Ich habe versucht, webkit css Option, aber es funktioniert nicht. Ich sah ähnliche Fragen von anderen gestellt, konnte aber keine Antwort darauf finden. Unten ist mein HTML-Code

<ion-content class="cards-bg light-gray"> 
    <ion-list> 
     <ion-card *ngFor="let od of orderDetails” class="fade_logo"> 
      <ion-card-content> {{od.description}} </ion-card-content> 
     </ion-card> 
    </ion-list> 
</ion-content> 

Hier ist die Reihenfolge Beschreibung Langtext, ich muss nur nur zwei Linien.

Answer 1

Es hängt von Schriftgröße und Zeilenhöhe ab, aber setzen Sie dieses in Ihre .scss Datei und ändern Sie auch die height: Datei, um das beste Ergebnis zu erhalten.

ion-card-content { 
    display: block; 
    display: -webkit-box; 
    height: 60px; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}