是否有可能使用 item-icon-right 将多个图标放在项目类的右侧？答案

【问题标题】：Is there a possible way to put multiple icons in the right part of the item class using item-icon-right?是否有可能使用 item-icon-right 将多个图标放在项目类的右侧？
【发布时间】：2017-01-07 13:18:45
【问题描述】：

<div class="list">
  <div class="item item-icon-left item-icon-right" href="">
     <i class="icon icon-small ion-link"></i>
      {{song.name}} 

     <i   class="icon icon-small ion-plus-round" modal-select="" hide-   reset="true"  ng-model="selPlaylist"  options="selectableNames" modal-title="Choose playlist">
        <div class="option">
          <h2>{{option.name}}</h2>
        </div>
        </i >
      <i style="display:block;" class="icon ion-play button button-light" >
      </i>
    </div>

当我放置类“icon icon-small ion-plus-round”时，它会向左侧而不是列表的右侧部分，并且图标与左侧的图标重叠“icon icon-small ion-链接”。

【问题讨论】：

如果我正确理解您的问题，您应该使用float: right 代替item-icon-right
感谢@MortezaQorbanAlizade 的回复，我已经使用 item-button-right 解决了。

标签： css ionic-framework

【解决方案1】：

<div class="list">
<div class="item item-button-right" href="">
 <i class="icon icon-small ion-link"></i> &nbsp;&nbsp; &nbsp;&nbsp;
  {{song.name}} 
<div class="buttons">
<i   class="icon icon-small ion-plus-round" modal-select="" hide-   reset="true"  ng-model="selPlaylist"  options="selectableNames" modal-title="Choose playlist">
<div class="option">
      <h2>{{option.name}}</h2>
    </div>
    </i >
  <i style="display:block;" class="icon ion-play button button-light" >
  </i>
</div>
</div>

这里是代码

【讨论】：