kann nicht lonelabel am rechten ende ausrichten

Question

Kann "Gesamtpreis" und "Fälligkeitsdatum" nicht in der gleichen Zeile ausrichten. Ich muss "Gesamtpreis" auf das linke Ende und das "Fälligkeitsdatum" ausrichten das rechte Ende! Gib mir die beste Lösung Jungs!

Answer 1

können Sie versuchen, ion-row und ion-col mit Ihrem Text erscheint in einer einzigen Zeile, um sicherzustellen.

<ion-card> 
<ion-card-content> 
    <ion-row> 
    <ion-col col-6> 
    <ion-label>Total Price</ion-label> 
    </ion-col> 
    <ion-col col-6> 
    <ion-label text-right>Due Date</ion-label> 
    </ion-col> 
    </ion-row> 
    <ion-row> 
    <ion-col col-6> 
    <ion-label>xxx</ion-label> 
    </ion-col> 
    <ion-col col-6> 
    <ion-label text-right>xxx</ion-label> 
    <ion-col> 
    <ion-row> 
</ion-card-content></ion-card>