javascript - 如何创建一个左、中、右各有图标的列表项？

Question

我正在创建一个使用 Spotify API 的 ionic 应用程序。我想创建一个小部件，它是一个列表项，左侧(最后一首歌曲)、中间(播放/暂停)和右侧(下一首歌曲)图标有一个图标。我在创建包含三个图标的列表项时遇到问题。这是我的代码...

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

Answer 1

试试这个:)

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