我需要将单选按钮选项放在一起:
<ion-content padding>
<ion-list radio-group>
<ion-list-header>
Auto Manufacturers
</ion-list-header>
<ion-item *ngFor="let entry of array">
<ion-radio (click)="getVal()" slot="start" [value]="entry"></ion-radio>
<ion-label> {{entry}}</ion-label>
</ion-item>
</ion-list>
</ion-content>
我尝试使用 flex,但没有成功:
显示:flex
当前行为是 2 个选项在彼此下方。但是我怎样才能使用 flex 将它们彼此靠近显示呢?
这是一个stackblitz
最佳答案
你也可以使用网格系统来实现:
<ion-content padding>
<ion-list radio-group>
<ion-list-header>
Auto Manufacturers
</ion-list-header>
<ion-row>
<ion-col *ngFor="let entry of array">
<ion-item >
<ion-radio (click)="getVal()" slot="start" [value]="entry"></ion-radio>
<ion-label> {{entry}}</ion-label>
</ion-item>
</ion-col>
</ion-row>
</ion-list>
</ion-content>
关于css - Ionic 3 ionic 单选按钮使用 flex 彼此靠近显示选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56128756/