2016-03-21 23 views
1

İyonik 1 kullanarak bir uygulama geliştiriyorum ve öğe ayırıcıma iki düğme yerleştirmeye çalışıyorum. Ancak, düğmeler sağa doğru kayar.İyonik öğe bölücü üzerindeki düğmeler

<div class="item item-divider"> 
    Mobile Watchlist 
    <a href="#" class="watchlist_menu "> 
    <i class="icon ion-android-add"></i> 
    </a> 
    <a href="#" class="watchlist_menu"> 
    <i class="icon ion-android-add"></i> 
    </a> 
</div> 

İşte benim SCSS geçerli:: İşte benim kodudur

enter image description here

Ayrıca düğmeleri arasında bir garip çizgi var: Burada

.item-divider{ 
     .watchlist_menu { 
     float: right; 
     margin: 5px; 
     } 
    } 

çıkıştır. Neden olduğundan emin değilim. enter image description here

+0

Neyi başarmaya çalıştığınıza dair bir mockup veya ekran görüntüsü sağlayabiliyor musunuz? Daha uygun bir cevap vermede yardımcı olacaktır. Şerefe – Carlton

cevap

2

css adresinin ".Item-bölücü" silmeyi deneyin:

* GÜNCELLEME İşte

benim istediğim şey.

.watchlist_menu { 
    float: right; 
    margin: 5px; 
} 

Bu sizin için mi arıyorsunuz?