如何创建左侧,中间和右侧带有图标的列表项?

时间:2016-11-23 00:37:31

标签: javascript html css angularjs ionic-framework

我正在创建一个使用Spotify API的离子应用。我想创建一个小部件,它是一个列表项,左侧(最后一首歌),中心(播放/暂停)和右(下一首歌)图标。我在使用三个图标创建列表项时遇到问题。这是我的代码......

<div class="list card">
  <div class="item item-icon-left item-icon-center item-icon-right">
    <i class="icon ion-ios-rewind"></i>
    <i class="icon ion-play"></i>
    <i class="icon ion-ios-fastfoward"></i>
  </div>
</div>

1 个答案:

答案 0 :(得分:2)

试试这个:)

<div class="list card">
  <div class="item item-icon-left item-icon-center item-icon-right">
    <p style="float: left; width: 34%; text-align: left;">last</p>
    <p style="float: left; width: 33%; text-align: center;">play/pause</p>
    <p style="float: left; width: 33%; text-align: right;">next</p>
  </div>
</div>