ionic-framework - ion-col 中按钮的右对齐

Question

我的 Ionic 2 应用程序中有这个网格。是否有任何特定于 ionic 的属性可以使按钮显示在列(行)的右侧？

<ion-grid>
  <ion-row>
    <ion-col>col 1</ion-col>
    <ion-col>col 2</ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      <button ion-button>My button</button>
    </ion-col>
  </ion-row>
</ion-grid>

Answer 1

接受的解决方案对我不起作用。我认为它与 ionic v3 相关，而不是当前。我这样解决了我的问题:
page.html:

<div class="test">
    <ion-button>My button</ion-button>
</div>

page.scss:

.test {
    float: right;
}