Ioni c Метка с входом рядом, выровняйте метку справа

Question

Я использую Ioni c 5 и у меня есть несколько меток с входами, где метка находится слева, а входы рядом с меткой.

Вот код:

  <div id="container">
    <ion-item>
      <ion-label>Label 1</ion-label>
      <ion-input placeholder="something here"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>Another Label</ion-label>
      <ion-input placeholder="something here"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label>Third Label</ion-label>
      <ion-input placeholder="something here"></ion-input>
    </ion-item>
  </div>

Как вы можете видеть выше, этикетки имеют разные размеры.

Как сделать так, чтобы правая сторона этикеток была выровнена?

Answer 1

Добавьте это в свой s css и должно работать:

ion-item > ion-label{
    flex: content;
}