将图标移动到导航标题

时间:2015-06-15 15:41:36

标签: html css ionic-framework header

我想在导航标题中创建一个带侧边菜单和标题的应用。在导航标题的右侧,我会放置一个图标。

这是我目前的代码:

<ion-view>
    <ion-nav-title align-title="center">
        <h1 class="title">Title</h1>
        <img src="./img/MyIcon.ico" height="40px" width="auto">
    </ion-nav-title>
  <ion-content>
  ...
  </ion-content>
</ion-view>

目前标题和图标都居中。

有没有办法将图标放在右侧?

1 个答案:

答案 0 :(得分:0)

您可以从</icon-nav-title>(居中)取出图像线,或者将图像浮动到右侧:

<img src="./img/MyIcon.ico" height="40px" width="auto" style="float:right">

您也可以尝试为此创建CSS。