離子：從底部的位置按鈕

Question

在離子中，我怎樣才能把一個按鈕從底部的離子內容的百分比？

我已經試過

<ion-view> 
    <ion-content> 
     <div class="button-bottom"> 
     <button class="button button-block button-energized">Button</button> 
     </div> 
    </ion-content> 
</ion-view> 

CSS：

.button-bottom{ 
position: absolute; 
bottom: 30%; 
} 

但按鈕現在不採取全寬。

Answer 1

試着給你的容器的顯式寬度：

.button-bottom{ 
position: absolute; 
bottom: 30%; 
width: 100%; 
} 

Answer 2

添加 「full」 變量在button

例如： - button class="button button-block button-energized" full >Button</button>

更多參考見在UI組件離子文檔下面的鏈接。

Ionic Full Button