Ionic framework 长标题进入<；离子卡标题>；截断的

我有一个

，里面有一个

和一个

。 问题是当卡片的标题太长时，就会被截断（如图所示）

我希望能够看到整个标题，所以如果标题太长，应该放在下一行，如下所示：

我该怎么做

这是我的密码

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

{{item.myPoi.nome}
{{tag}

谢谢！

您可以在

离子卡标题中使用

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


{{item.myPoi.nome}
{{tag}


检查是否有其他内置CSS实用程序