离子项目分隔符上的按钮

时间:2016-03-21 01:42:17

标签: html css angularjs ionic-framework

我正在使用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>

这是我的scss:

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

这是输出:

enter image description here

按钮之间也有一条奇怪的线条。我不知道为什么。

* UPDATE

这就是我想要的: enter image description here

1 个答案:

答案 0 :(得分:2)

尝试删除你的&#34; .item-divider&#34;来自css。

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

这就是你要找的东西吗?