將按鈕置於中心哦工具欄離子2

我需要在我的工具欄中央放置一個按鈕，並且我在左邊有一個menutoggle。這裏是我的代碼：將按鈕置於中心哦工具欄離子2

<ion-toolbar> 
<button ion-button icon-only menuToggle> 
    <ion-icon name="menu"></ion-icon> 
</button> 

<ion-buttons end> 
    <button ion-button icon-only class="button-navbar"> 
    <ion-icon name="ios-refresh"></ion-icon> 
    </button> 
    <button ion-button icon-only class="button-navbar button-right"> 
     <ion-icon name="ios-cart-outline"></ion-icon> 
    </button> 

</ion-buttons> 
</ion-toolbar>

有了這個，我有我的togglemenu和右側的兩個圖標，我想一個工具欄的中間：

預先感謝您！

<ion-header> 
    <ion-toolbar> 
    <button ion-button icon-only menuToggle class="pink"> 
     <ion-icon name="menu"></ion-icon> 
    </button> 

    <ion-title> 
     <button ion-button icon-only class="button-navbar pink" id="nobackground"> 
     <ion-icon name="ios-refresh"></ion-icon> 
     </button> 
    </ion-title> 

    <ion-buttons end> 
     <button ion-button icon-only class="button-navbar pink"> 
      <ion-icon name="ios-cart"></ion-icon> 
     </button> 
    </ion-buttons> 
    </ion-toolbar> 
</ion-header>

和中心在CSS：

來源

2017-03-13 Raphael ABADIE-MOREAU

我用離子title屬性進行管理

ion-title { 
    text-align: center; 
} 

.pink { 
    color: #F63566; 
    margin: auto; 
}

不要忘了把保證金汽車上的圖標:)

來源

2017-03-13 22:23:23

將按鈕置於中心哦工具欄離子2

回答

相關問題