在Ionic 2中左右对齐div内部的div

Question

我的要求是：   我想创建一个按钮。该按钮上的显示文字应该有＆＃39;行号＆＃39;，＆＃39;状态＆＃39;和向上/向下箭头。我在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

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