Comment déplacer les 2 boutons en bas?

Question

Hey comment puis-je déplacer le deux boutons au bas de la page (justifiée au fond et pas d'espace entre le bas et le bouton) Thx à l'avance

HTML

<ion-content class="background"> 

     <button ion-button full color="primary"> LOGIN </button> 
     <button ion-button full color="danger"> REGISTER </button> 


    </ion-content> 

SCSS

page-home { 


    .background{ 
     background-color: #66CC81; 
} 

.button{ 
    margin: 0px; 

    margin-bottom: 0px; 
    margin-block-end: 0px; 

} 


} 

enter image description here

Answer 1

Vous pouvez utiliser la règle de style CSS suivant:

.button{ 
    text-align: bottom; 
    position : relative; 
    top: 5px; 
    left: 10px; 
    right:20px; 
} 

Answer 2

Ajouter

position: absolue;

Pour la classe .button.

Answer 3

Je pense que vous obtiendrez probablement mieux si vous utilisez ion-footer. Mettez cela après votre fermeture </ion-content> tag

<ion-footer> 
    <ion-toolbar> 
     <button ion-button full color="primary"> LOGIN </button> 
     <button ion-button full color="danger"> REGISTER </button> 
    </ion-toolbar> 
</ion-footer>