複数の楕円のイオン2

Question

イオン2の複数の楕円のテキストを実現する方法はありますか？私はカードのビューを持っており、縦の中心の配置でその中に表示される最大2行を制限する必要があります。私はWebkitのCSSオプションを試しましたが、うまくいきません。私は他人から聞いた同様の質問を見ましたが、答えを見つけることができませんでした。 は、以下の順序の記述は、私は唯一の2行を表示するには、長いテキスト必要がある。ここで私のHTMLコード

<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> 

です。

Answer 1

フォントサイズと行の高さによって異なりますが、.scssファイルに入れて、height:を変更して最適な結果を得てください。

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