IONIC 2 在 Android 和 iOS 中将标题对齐?

Question

我需要知道如何在安卓和iOS上将离子导航栏中的标题向右对齐。

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

Answer 1

如果按如下方式编写 CSS：

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

或者你可以用SCSS格式写它：

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

然后标题将显示在右侧，并且在所有设备中都适用，您无需为此使用特定的媒体查询。

我希望这有所帮助。

谢谢。

Answer 2

你可以像这样使用 Flexbox 来执行此操作：

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