<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を確認してください。