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>

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

相关推荐