中心對齊離子標題

Question

在下面的圖像離子書名畫不正確的中心對齊，如何在正中央

home.html的

<ion-header> 

<ion-navbar> 
<ion-title> <p align="center" style="color:white;">{{service.name}}</p> 
</ion-title> 
</ion-navbar> 

</ion-header> 

對齊

Answer 1

只需添加文本中心屬性爲您的離子-navbar標籤或離子標題標籤，這樣的：

<ion-navbar text-center> 
    <ion-title> 
    Some text... 
    </ion-title> 
</ion-navbar> 

或

<ion-navbar> 
    <ion-title text-center> 
    Some text... 
    </ion-title> 
</ion-navbar>