css - 在 ionic 导航栏中右对齐 ionic 选择

Question

在现有代码中，ion-select 显示在

的末尾附近，我想将 ion-select 放置在 ion-navbar 的最右侧位置。

home.html

<ion-header  >
<ion-navbar  align-title="left" >
  <button  ion-button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>

 <ion-row>
    <div>
      <p style="color:white;">CoolManz!!</p>
    </div>
      <div >
          <ion-item >
                    <ion-label>Gender</ion-label>
                    <ion-select [(ngModel)]="gender">
                      <ion-option value="f">Female</ion-option>
                      <ion-option value="m">Male</ion-option>
                    </ion-select>
            </ion-item>
        </div>
  </ion-row>
</ion-navbar>
</ion-header>

Answer 1

这对我适用于 Ionic 3+

<ion-header>
<ion-navbar>
  <button ion-button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>

 <ion-row>
    <ion-title>Jobs</ion-title>
     <ion-select [(ngModel)]="gender">
          <ion-option value="f">Female</ion-option>
          <ion-option value="m">Male</ion-option>
      </ion-select>
  </ion-row>
</ion-navbar>
</ion-header>