이온이 여러 줄임표 2

Question

이온 2에서 여러 줄임표 텍스트를 얻을 수있는 방법이 있습니까? 저는 카드보기가 있으며 최대 2 줄을 세로 가운데 정렬로 표시하도록 제한해야합니다. 웹킷 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; 
}