0
Q
離子按鈕對齊
A
回答
0
把它們寫在footer-bar
<ion-footer-bar align-title="left" class="bar-assertive">
<div class="buttons">
<button class="button">Left Button</button>
</div>
<h1 class="title">Title!</h1>
<div class="buttons" ng-click="doSomething()">
<button class="button">Right Button</button>
</div>
</ion-footer-bar>
0
我希望能幫助你與我的回答如下:
<!--1. Only css-->
<div style="position: absolute; bottom: 0; text-align: center; z-index: 1000; width: 100%;">
<div class="button-bar">
<a class="button button-positive">Sign up</a>
<a class="button button-balanced">Log in</a>
</div>
</div>
<!--2. Directive ion-footer-bar and class css button-bar-->
<ion-footer-bar>
<div class="button-bar">
<a class="button button-positive">Sign up</a>
<a class="button button-balanced">Log in</a>
</div>
</ion-footer-bar>
<!--3. Directive ion-footer-bar and and without class button-bar-->
<ion-footer-bar>
<div style="text-align: center; width: 100%">
<a class="button button-positive button-large">Sign up</a>
<a class="button button-balanced button-large">Log in</a>
</div>
</ion-footer-bar>
相關問題
- 1. 離子v2按鈕文本對齊
- 2. 對齊離子2中按鈕的左右按鈕
- 3. 對齊按鈕文本和其他離子-COL文本底部在離子2
- 4. 離子2對齊按鈕標籤向左
- 5. 對齊按鈕
- 6. 單選按鈕頂部對齊子彈
- 7. Python按鈕對齊
- 8. 對齊按鈕DIV
- 9. Wpf對齊按鈕
- 10. ExtJS按鈕對齊
- 11. Android按鈕對齊
- 12. 右對齊按鈕垂直未對齊
- 13. 如何離子對保持和離子選項按鈕
- 14. 離子2後退按鈕
- 15. 離子電臺按鈕
- 16. 翻譯按鈕離子2
- 17. 對齊導航按鈕
- 18. CSS按鈕對齊底部
- 19. 對齊按鈕問題
- 20. Twitter和Facebook按鈕對齊
- 21. 無法對齊按鈕
- 22. 對齊按鈕到底部
- 23. CSS輸入對齊按鈕
- 24. 對齊TextView,按鈕,EditText
- 25. 中心對齊表+按鈕
- 26. 對齊按鈕內容
- 27. 對齊按鈕HTML郵件
- 28. 按鈕自動對齊
- 29. 單選按鈕對齊
- 30. 使用按鈕對齊EditText