2016-04-01 23 views
0

İyonik görünümü css kullanarak merkeze hizalamaya çalışıyorum. Buİyonik görünümü başlığını css kullanarak merkeze hizalama

CSS benim kodudur

/*pull the title to the center*/ 
.pullCenter title{ 
text-align:center; 
} 

İYONİK HTML

<ion-view class="pullCenter" title="Please Login"> 

Bu görüntü sonuç enter image description here

olduğunu Ama merkeze hizalanmış geçmez. Lütfen yanlış olan ne olabilir?

cevap

0

sizin .config

örnek kod ekleyin:

ionicApp.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) { 

    $ionicConfigProvider.navBar.alignTitle('center') 
}); 

VEYA

bir deneyin

<ion-view class="pullCenter" title="Please Login" align-title="center"> 

gibi İşaretleme

yılında align-title="center" dding yardımcı olur Umut.

+0

Çok iyisin! İlk seçenek hile – Blaze

+0

yaptı. İltifat için teşekkürler. Memnuniyetle yardım ettim. :) –

+0

"$ ionicConfigProvider" [Docs] (http://ionicframework.com/docs/api/provider/$ionicConfigProvider/) ile. Bu sadece başlık merkezini hizalar. Başka bir sınıfla başka içerikler eklemeyi deneyin. –

0

Değişim Hedef

.pullCenter{ 
    text-align:center; 
} 
+0

Lütfen cevabınızın problemi nasıl çözdüğünü açıklayın, herkesin çözümünüzü daha net ve ileride referans olarak anlamasına yardımcı olacaktır. – Aziz