對齊離子2中按鈕的左右按鈕

Question

我的要求是： 我想創建一個按鈕。在該按鈕上顯示文本應該有'行號'，'狀態'和向上/向下箭頭。我在ion-item標籤內創建了這個按鈕。 行號不應出現在按鈕的開頭，其他兩位在右側。這是我的html。現在，我剛剛考慮了行號和狀態。 HTML：

<button detail-none (click)="expandItem(row)" ion-button full> 
    <div class="alignLeft">{{row["Activity #"]}}</div> 
    <div>class="alignRight">{{row["Status"]}}</div> 
</button> 

在app.scss

.alignLeft{ 
    float: left; 
} 

.alignRight{ 
    float: right; 
} 

請建議。提前致謝 ！

Answer 1

使用按鈕和離子項目會導致一些問題。嘗試使用離子網格，它提供了相同的功能。