ionic 头部指令ion-header-bar标题没有居中对齐

代码如下，

 

<ion-header-bar class="bg_fdd000">

 

现象：

在PC浏览器中 标题居中对齐，但是在手机浏览器中打开，标题没有居中对齐？

 

解决办法：需要强制指明指令的align-title对齐方式，这个与API中描述的方法不太一致。

<ion-header-bar class="bg_fdd000" align-title="center">

 

<ion-header-bar class="bg_fdd000" align-title="center">
    <div class="buttons">
        <a class="button button-clear" ui-sref="setting_edit_address">
            <span class="icon ion-ios-arrow-left"></span>
        </a>
    </div>
    <h1 class="title">创建收货地址</h1>
    <div class="buttons">
        <button class="button button-clear button-dark" ng-click="saveAddr()">
            保存
        </button>
    </div>
</ion-header-bar>