对齐离子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

使用按钮和离子项目会导致一些问题。尝试使用离子网格，它提供了相同的功能。