Question

如何对齐标题右侧的后退按钮？有些人建议在导航按钮容器中插入后退按钮，但它没有工作，并且标题已经破坏...

没有工作：

<ion-nav-buttons side="right">
  <ion-nav-back-button class="button-clear"></ion-nav-back-button>
</ion-nav-buttons>

Answer 1

尝试将以下 CSS 应用于课程position: absolute; right: 0; top: 0;

class << self

Answer 2

正如我在Ionic Forum上所读到的那样：

关键是将离子导航按钮放在离子导航按钮内在你的其他按钮之后。

所以这是他们给出的解决方案：

<ion-nav-bar class="bar-positive">
    <ion-nav-buttons side="right">
        <ion-nav-back-button class="button-clear">
        </ion-nav-back-button>
    </ion-nav-buttons>
</ion-nav-bar>

此处还有一个关于codepen的工作示例：http://codepen.io/calendee/pen/nfkIp

离子后退按钮对齐标题的右侧

2 个答案: