2016-03-21 4 views
1

私はIonic 1を使用してアプリケーションを開発しています。私はアイテムデバイダに2つのボタンを配置しようとしています。ただし、ボタンは右に浮かない。ここに私のコードは次のとおりです。ここでionic item-dividerのボタン

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

は私SCSSである:ここでは

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

が出力されます:

enter image description here

また、ボタンの間で奇妙なラインがあります。なぜ私は分からない。ここで

* UPDATE

私が欲しいものです: enter image description here

+0

モックアップやスクリーンショットを提供することはできますか?より適切な回答を提供するのに役立ちます。乾杯 – Carlton

答えて

2

は、CSSからあなたの ".item分周器" を削除してみてください。

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

これはあなたが探しているものですか?

関連する問題