离子卡按水平顺序排列？

Question

是否可以让离子卡彼此相邻对齐而不是向下对齐？

我想要水平排列而不是垂直排列的卡片。

Answer 1

您将 ion-card 包裹在 ion-row>ion-col

中

<ion-row>
  <ion-col col-4>
    <ion-card>Hello1</ion-card>
  </ion-col>
  <ion-col col-4>
    <ion-card>Hello2</ion-card>
  </ion-col>
  <ion-col col-4>
    <ion-card>Hello3</ion-card>
  </ion-col>
</ion-row>