Html 如何移动底部的2个按钮?

Html 如何移动底部的2个按钮?,html,css,ionic-framework,sass,ionic2,Html,Css,Ionic Framework,Sass,Ionic2,嘿,我如何移动页面底部的两个按钮(对齐到底部,底部和按钮之间没有空格) 提前Thx HTML 添加 位置:绝对位置 To.button类。我认为如果您使用ion footer,您可能会过得更好。把这个放在你的结束标签后面 <ion-footer> <ion-toolbar> <button ion-button full color="primary"> LOGIN </button> <button ion-

嘿,我如何移动页面底部的两个按钮(对齐到底部,底部和按钮之间没有空格) 提前Thx

HTML

添加

位置:绝对位置


To.button类。

我认为如果您使用
ion footer
,您可能会过得更好。把这个放在你的结束标签后面

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

登录
登记

您可以使用以下CSS样式规则:

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

thx起作用了,我只需要使用其他参数。按钮{文本对齐:底部;位置:相对;底部:-463px;左:0px;右:0px;边距:0px;}
<ion-footer>
  <ion-toolbar>
       <button ion-button full color="primary"> LOGIN </button>
       <button ion-button full color="danger"> REGISTER </button>
  </ion-toolbar>
</ion-footer>
.button{
    text-align: bottom; 
    position : relative; 
    top: 5px; 
    left: 10px;
    right:20px;
}