带按钮的离子按钮（离子3）-Java 学习之路

我使用离子按钮创建一个带有两个按钮的空间 . 我需要在右边分配一个按钮，在左边分配另一个按钮，但不要工作，按钮保持不对齐 .

图像可以更好地显示问题：
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 回答

由于您在 ion-toolbar 中使用了 ion-buttons 标记，因此您可以使用 start end left right source：ionic doc等属性来定位 button 标记 . 这里不需要触摸CSS，让离子为你做 .

<ion-footer>
    <ion-toolbar>
        <ion-buttons>
            <button ion-button color="dark" (click)="btn_reportlog()" start>Reportar Log</button>
            <button ion-button color="danger" (click)="btn_deletlog()" end>Excluir Log</button>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>

回复于 2024-05-04T13:54:03+08:00

带按钮的离子按钮（离子3）

1 回答

相关问题