如何在底部移動的2個按鈕？

嘿，我怎麼可以移動在頁面底部的兩個按鈕（合理的底部，底部和按鈕之間沒有空格） Thx提前如何在底部移動的2個按鈕？

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

來源

2017-10-07 Colin M.

您可以使用下面的CSS樣式規則：

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

來源

2017-10-07 18:27:21

THX是工作，我只是不得不使用其他參數。 .button { 文本對齊：底部; 位置：相對;底部：-463px;左：0px;右：0像素; 餘量：0像素; } –

-1

添加

位置：絕對;

要.button類。

來源

2017-10-07 18:17:55

我想你可能會更好，如果你使用ion-footer。您的交易</ion-content>標籤後，將這個

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

來源

2017-10-07 18:18:29 Chris

現在它看起來像這樣（新畫面） –

如何在底部移動的2個按鈕？

回答

相關問題