IONIC 2 выровнять заголовок вправо в Android и iOS?

Question

Мне нужно знать, как я могу выровнять заголовок в ion-navbar по праву на Android и iOS.

<ion-header>
  <ion-navbar>
    <ion-title>
      my page
    </ion-title>
  </ion-navbar>
</ion-header>

Answer 1

Вы можете сделать это с помощью Flexbox следующим образом:

ion-navbar{
  display: flex;
  justify-content: flex-end;
}

Answer 2

Если вы напишите CSS следующим образом:

ion-navbar{
  display:block;
}
ion-navbar ion-title{
  float:right;
}

Или вы можете написать его в формате SCSS:

ion-navbar{
  display:block;
  ion-title{
    float:right;
  }
}

Тогда заголовок будет отображаться справа иТо же самое будет работать на всех устройствах, и вам не нужно использовать специальный медиа-запрос для этого.

Надеюсь, это поможет.

Спасибо.