2016-03-21 2 views
1

Я разрабатываю приложение с использованием Ionic 1, и я пытаюсь разместить две кнопки на моем разделителе предметов. Однако кнопки не плавают вправо. Вот мой код:Кнопки на ионный элемент-делитель

<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> 

Вот мой СКС:

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

Вот результат:

enter image description here

Также есть странная линия между кнопками. Я не знаю, почему.

* UPDATE

Вот что я хочу: enter image description here

+0

Можете ли вы предоставить макет или скриншот того, чего вы пытаетесь достичь, пожалуйста? Это поможет с предоставлением более подходящего ответа. ура – Carlton

ответ

2

Попробуйте удалить свой ".item делитель" с помощью CSS.

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

Это вы что искали?

Смежные вопросы