2016-11-23 7 views
2

私はSpotify APIを使用するイオンアプリを作成しています。私は左(最後の曲)、中央(再生/一時停止)と右(次の曲)アイコンにアイコンを持つリスト項目であるウィジェットを作成したいと思います。私は3つのアイコンを持つリスト項目を作成するのに問題があります。ここに私のコードがある...左、中央、右にアイコンを持つリストアイテムを作成するには?

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

をあなたが持っている正確に何とフィドルを作成することはできますか? – Aruna

+0

"コード"に何が問題なのですか?あなたは何を見たいですか?あなたは代わりに何を見ますか? –

+0

最初の2つのアイコンは重ねて表示され、最後のアイコンは隠れて表示されます。私が見たいと思ったのは、最初のアイコン浮動小数点が左にあり、2番目が中央に、3番目が浮動小数点になりました。 –

答えて

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> 
関連する問題