【问题标题】:Buttons on ionic item-divider离子物品分隔器上的按钮
【发布时间】:2016-03-21 10:51:47
【问题描述】:

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

这是输出:

按钮之间还有一条奇怪的线。我不确定为什么。

*更新

这就是我想要的:

【问题讨论】:

  • 您能否提供您想要实现的目标的模型或屏幕截图?这将有助于提供更合适的答案。干杯

标签: html css angularjs ionic-framework


【解决方案1】:

尝试从 css 中删除“.item-divider”。

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

这就是你要找的吗?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-11-26
    • 2019-12-17
    • 2010-10-04
    • 2018-10-08
    • 1970-01-01
    • 2018-11-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多