<ion-card-title>에 긴 제목이 잘림

Question

<ion-card>은 <ion-card-content>이고 <ion-card-title>은 그 안에 있습니다. 문제는 카드의 제목이 너무 긴 때 (그림과 같이),이 절단 점이다

나는 제목이 있다면, 그래서 전체 제목을 볼 수 있도록하고 싶습니다

너무 오래,이 같은 다음 줄에 가야한다 :

내가 그것을 어떻게 할 수 있습니까 ??

이 내 코드

<ion-card> 
     <button ion-item (click)="openPlace(item)"> 
      <img src="assets/img/fontanamasini.jpg"/> 
      <ion-card-content> 
       <ion-card-title style="font-size:20px"> {{item.myPoi.nome}}</ion-card-title > 
       <ion-list *ngFor="let tag of item.tipo"> <p>{{tag} </p> </ion-list> 
      </ion-card-content> 
     </button> 
</ion-card> 

감사합니다

입니다!

Answer 1

text-wrap은 ion-card-title에 사용할 수 있습니다.

<ion-card> 
     <button ion-item (click)="openPlace(item)"> 
      <img src="assets/img/fontanamasini.jpg"/> 
      <ion-card-content> 
       <ion-card-title text-wrap style="font-size:20px"> {{item.myPoi.nome}}</ion-card-title > 
       <ion-list *ngFor="let tag of item.tipo"> <p>{{tag} </p> </ion-list> 
      </ion-card-content> 
     </button> 
</ion-card> 

다른 내장 CSS 유틸리티는 link을 확인하십시오.