带按钮的离子按钮(离子3)

时间:2018-02-16 16:13:15

标签: html ionic-framework ionic3

我使用离子按钮创建一个带有两个按钮的空间。我需要在右侧分配一个按钮,在左侧分配另一个按钮,但是不能正常工作,按钮保持不对齐。

图像可以更好地显示问题: Image for better visualization of the problem

<ion-footer>
    <ion-toolbar>
        <!--Testes-->
        <ion-buttons>
            <button ion-button color="dark" (click)="btn_reportlog()">Reportar Log</button>
            <div class="btn_right"><button ion-button color="danger" (click)="btn_deletlog()">Excluir Log</button></div>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>

1 个答案:

答案 0 :(得分:0)

由于您在ion-buttons中使用ion-toolbar标记,因此您可以使用button start end {{等属性来定位left代码1}}来源:ionic doc。这里不需要触摸CSS,让离子为你做。

right