如何显示每行相同尺寸的固定无离子卡？

Question

我想要一个每行固定没有卡片的显示器，卡片应该是相同的尺寸。

home.html的

   <ion-row>
     <ion-col *ngFor="let item of allservices; let i = index">
       <ion-card (click)="gotoSpecificService(item)">
         <img  src="https://maxcdn.icons8.com/Share/icon/color/Gaming//snorlax1600.png"/>
         <p>{{item.name}}</p>
    </ion-col>
   </ion-row>

我想要服务5，服务6应与服务2,3,4的大小相同。

Answer 1

ion-row {
        .col {
            max-width: 33%;
        }
    }

这可以根据页面的父类放入css。