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

Ionic back button align to right of the header

本文关键字：标题 对齐 按钮      更新时间：2023-09-26

如何对齐或定位标题右侧的后退按钮？一些身体建议将后退按钮插入导航按钮容器内，但它不起作用，标题消失了......

不起作用：

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

尝试将以下 CSS 应用于类button-clear 

  position: absolute;
  right: 0;
  top: 0;

正如我在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>

另外，这里有一个关于代码笔的工作示例：http://codepen.io/calendee/pen/nfkIp

相关文章：