我正在寻找一种方法,使用Ionic2将我的按钮拉到页面的右侧 . 我有一个带有编辑和保存按钮的表单组件,我想向右拉:
<div>
<button ion-button (click)="toggleEdit()">
<ion-icon name="create"></ion-icon>
</button>
</div>
<ion-list>
<ion-card-content>
<ng-content>
</ng-content>
</ion-card-content>
<div class="row center">
<div class="col text-right">
<button ion-button color="secondary" icon-end (click)="save()">
<ion-icon name="save"></ion-icon>Save
</button>
<!--<a style="min-width: 50%;border-radius: 0px;" class="button button-dark icon-left ion-close">Cancel</a>
<a style="min-width: 50%;border-radius: 0px;" class="button button-balanced icon-left ion-checkmark">Save</a>-->
</div>
</div>
</ion-list>
生成一个如下所示的表单:
正如你所看到的那样,保存按钮没有向右拉,我尝试使用文本右键,但也许只适用于离子1?还尝试使用icon-end指令将其拉到右边,但这似乎不起作用我想它只有在有另一个按钮时才有效 .
任何人都可以通过正确的离子方式将保存按钮对齐到右边吗?
1 回答
请看 this working plunker . 您可以使用
ion-item
并将item-right
属性添加到按钮:您可以使用
padding
属性(或padding-left
,padding-right
,padding-bottom
,padding-top
,...)将其与其余内容对齐 .这是我能想到的最离子的方式之一......
另一个选择就是像这样使用css: