不能将离子标签对准右端

Question

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

无法调整＆＃34;总价格＆＃34;和＆＃34;截止日期＆＃34;在同一行。我需要调整总价格＆＃34;到左端和＆＃34;到期日＆＃34;到了右边！给我最好的解决方案！

Answer 1

您可以尝试使用ion-row和ion-col来确保您的文字显示在一行中。

 <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>