Ионные карты постоянной высоты

Question

Я показываю несколько ионных карт в слайдах, и высота карт варьируется в зависимости от размера контента. Как сделать его постоянным?

код:

<ion-col *ngIf="types && types.length" no-padding>
  <ion-slides slidesPerView="4">
    <ion-slide nowrap *ngFor="let item of types">
      <ion-card (click)="select(item.type)" style="height: 100%">>
        <ion-label padding-top text-center text-wrap class="text4bl">{{ item.name }}</ion-label>
      </ion-card>
    </ion-slide>
  </ion-slides>
</ion-col>

результирующее изображение:

Answer 1

Вы можете установить фиксированную высоту ионного скольжения, как показано ниже

ion-slides{
    ion-slide {
      height: 200px;
      width: 100% !important;

      ion-card{
        height: 180px;
        width: 100%;
    }
  }
}