cssを使用してイオニカルビュータイトルを中心に強制的に整列させます。

cssを使用してイオンビューを中心に整列しようとしています。これは私のコードcssを使用してイオニカルビュータイトルを中心に強制的に整列させます。

CSS

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

IONIC HTML

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

ですこれは、画像の結果

である。しかし、それは中央に揃えれることは決してありません。何が間違っている可能性がありますか？

2016-04-01 Blaze

あなた.config

サンプルコードにこれを追加します。試してみてください

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

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

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

ようマークアップ

でalign-title="center"をddingはそれがお役に立てば幸いです。

2016-04-01 13:08:58

あなたはあまりにも良いです！最初のオプションはトリックでした – Blaze

賛辞をありがとう。お力になれて、嬉しいです。 :) –

'$ ionicConfigProvider'の[Docs]（http://ionicframework.com/docs/api/provider/$ionicConfigProvider/）です。これはタイトルの中心を揃えるだけです。別のクラスの他のコンテンツを追加してみてください。 –

変更対象

.pullCenter{ 
    text-align:center; 
}

2016-04-01 13:07:37

あなたの答えがどのように問題を解決したのかを説明してください。誰でもあなたの解決策をより明確に理解し、将来の参考に役立ててください。 – Aziz

答えて