Ionic 2頁面標題不居中

Question

我在類別頁面中創建了一個後退按鈕。我的代碼如下;

<ion-header > 

    <ion-navbar hideBackButton color="anasayfaBaslik" color="anasayfaBaslik" align-title="center"> 
    <ion-buttons [hidden]="kategoriGeriButtonGoster"> 
     <button class="kategoriGeriButton" ion-button left (click)="goback()"> 
     <ion-icon start name="arrow-back"></ion-icon>&nbsp; 
     Geri 
     </button> 
     </ion-buttons> 
    <ion-title class="kategoriBaslik">{{ baslik }}</ion-title> 
    </ion-navbar> 

</ion-header> 

如何居中頁面標題？

Answer 1

你可以嘗試的位置是絕對的？我記得這是Ionic Framework的一個bug。

.kategoriBaslik { 
    position: absolute; 
    left: 50%; 
    top: 0; 
    transform: translateX(-50%); 
    height: 100%; 
    width: 70%; 
    text-align: center; 
}