使用css强制将离子视图标题与中心对齐

Question

我正在尝试使用css将离子视图与中心对齐。这是我的代码

CSS

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

IONIC HTML

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

这是图像结果

但它永远不会与中心保持一致。请问有什么不对？

Answer 1

更改目标

.pullCenter{
  text-align:center;
}

Answer 2

将此添加到您的.config

示例代码：

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

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

或

尝试在标记

中添加align-title="center"

像

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

希望它有所帮助。