ionic3 title 不居中问题

<ion-navbar>
    <ion-title style="text-align: center;">{{naveTitle}}<button ion-button clear class="invisibleButton"></button></ion-title>
</ion-navbar>

添加一个右边的按钮  并调整样式 设置

.invisibleButton {
    height:10px;
    width:40px;
}