Ionic framework 离子标签与输入并排,标签右侧对齐

Ionic framework 离子标签与输入并排,标签右侧对齐,ionic-framework,ionic4,ionic5,Ionic Framework,Ionic4,Ionic5,我使用的是Ionic 5,有一些带有输入的标签,标签在左边,输入在标签旁边 代码如下: <div id="container"> <ion-item> <ion-label>Label 1</ion-label> <ion-input placeholder="something here"></ion-input> </ion-item> <ion-i

我使用的是Ionic 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>

标签1
另一个标签
第三标签
如上所示,标签的大小不同


如何使标签的右侧对齐?

将其添加到您的SCS中,应该可以:

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