Ionic framework ion col中按钮的右对齐

我的Ionic 2应用程序中有这个网格。是否有任何特定于离子的属性使按钮显示在列（行）的右侧

第1列
第2列
我的纽扣

在您的情况下，您可以添加属性

向右浮动

，如下所示：

<button ion-button float-right>My button</button>

项-{modifier}
要将元素放置在

离子项

中，说明可以使用

项-{modifier}

其中，

{modifier}

可以是以下任一项：

start

：放置在所有其他元素的左侧，在内部项之外。

end

：放置在所有其他元素的右侧，内部项的内部，输入包装的外部。

content

：放置在任何离子标签的右侧，输入包装内

例如：

<div>
    <button ion-button float-right>My button</button>
</div>

<ion-item>
    <button ion-button item-end>My button</button>
</ion-item>

我的纽扣

弃用
根据建议，这些名称不推荐使用：

项目右侧

和

项目左侧

新名称为：

• 项目开始

  和

  项目结束

• 填充开始

  和

  填充结束

• 页边距开始

  和

  页边距结束

• 文本开始

  和

  文本结束

• 晶圆厂的

  开始

  和

  结束

---

被接受的解决方案对我不起作用。我认为这与离子v3有关，而不是电流。我这样解决了我的问题：
page.html：

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

---

它工作得很好。我试了一下，但没用。你知道其中的区别吗？我不知道是否已经使用了

item right

，我猜

float right

是它的替代品。在文档中找不到任何关于“项目权限”的信息。

项目权限

仅用于将元素放置在

离子项目

中。因此，如果您想在项目内部放置按钮，或者想将单选项目的图标放置在右侧，则始终可以使用

ion item

。但它在

离子项目之外不起作用。顺便说一句，感谢@robbannn的
右浮动属性，我一点也不知道：）不客气！我在遇到的一些示例中看到了
item right
，但在文档中找不到任何关于它的内容。对于
离子项目内的水平定位
我发现
项目结束
，
项目开始
和
项目内容
。嗯，你说得对，我在文档中再也找不到它们了。我想这是爱奥尼亚新的RTL支持功能的一部分，在这里使用开始和结束而不是像左和右这样的绝对词更有意义：/
<div class="test">
    <ion-button>My button</ion-button>
</div>

.test {
    float: right;
}