如何將徽標置於離子棒中心

我想將徽標置於離子棒中。我該怎麼做？（它總是顯示在左側）我希望它這樣如何將徽標置於離子棒中心

這裏是我的代碼離子：

<ion-nav-bar class="bar bar-header bar-assertive"> 

     <ion-nav-back-button> 
     </ion-nav-back-button> 
     <ion-nav-buttons side ="Center"> 
     <div class="title"> <img alt="Company Logo" height="40" src="img/logo.png"></div> 
     </ion-nav-buttons> 
     <ion-nav-buttons side="right"> 
      <button class="button button-icon button-clear ion-navicon" menu-toggle="right"> 
      </button> 
     </ion-nav-buttons> 

    </ion-nav-bar>

來源

2015-10-14 Sajith

請嘗試在terminal.Then離子服務--lab你可以看到區別？ – Muhsin

我不知道你離子版本，但現在你可以添加一個ion-nav-title，而不用像你所做的那樣使用ion-nav-button進行覆蓋。它更乾淨，效果更好。另外，爲了確保你的標題位於中心，你可以在你的ion-nav-bar定義中添加一個「align-title：center」。這裏是例子：

<ion-nav-bar class="bar bar-header bar-assertive" align-title="center"> 

    <ion-nav-back-button> 
    </ion-nav-back-button> 

    <ion-nav-title> 
     <img alt="Company Logo" height="40" src="img/logo.png"> 
    </ion-nav-title> 

    <ion-nav-buttons side="right"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="right"> 
     </button> 
    </ion-nav-buttons> 

</ion-nav-bar>

在這裏，你有codepen鏈接：http://codepen.io/anon/pen/RWLyMW

來源

2015-10-14 09:55:15

它不工作:( – Sajith

你確定你沒有改變你的代碼@Sajith的行爲的css風格嗎？我確定這段代碼的工作原理是因爲我測試了很多時間我們如果我們不能詳細介紹你的代碼，那麼你無法幫助你更多。你能否在http://codepen.io/或類似的東西中重現你的問題？ –

它可以正確處理文本值，但不能工作形象 – Sajith

<ion-nav-bar class="bar-positive"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 

    <ion-nav-buttons side="right"> 
     <img src="http://www.ionicframework.com/img/ionic-logo-white.svg" 
     width="123" height="43" menu-toggle="left"/> 
    </ion-nav-buttons> 

     <ion-nav-buttons side="left"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
     </button> 
     </ion-nav-buttons> 

</ion-nav-bar>

來源

2016-05-19 13:40:10

如何將徽標置於離子棒中心

回答

相關問題