如何对齐Ionic2中的项目？

我们如何应用Ionic2提供的默认对齐类？例如，我希望在卡片的右侧显示一个按钮

<ion-card *ngFor="let table of tables">
    <ion-card-content>
        Card Text
        <button ion-button>
            <ion-icon name="add"></ion-icon> Add Item
        </button>
    </ion-card-content>
</ion-card>

卡片文本
添加项

检查

您可以使用

ion item

包装和放置属性

例如：

<ion-card *ngFor="let table of tables">
    <ion-card-content>
      <ion-item>
        Card Text
        <button item-right ion-button>//item right 
            <ion-icon name="add"></ion-icon> Add Item
        </button>
      </ion-item>
    </ion-card-content>
</ion-card>

卡片文本
//项目权
添加项

或者你可以使用

卡片文本
添加项

检查

您可以使用

ion item

包装和放置属性

例如：

<ion-card *ngFor="let table of tables">
    <ion-card-content>
      <ion-item>
        Card Text
        <button item-right ion-button>//item right 
            <ion-icon name="add"></ion-icon> Add Item
        </button>
      </ion-item>
    </ion-card-content>
</ion-card>

卡片文本
//项目权
添加项

或者你可以使用

卡片文本
添加项