长标题被<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

您可以在ion-card-title中使用text-wrap。

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

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