如何在离子 2 中集中按钮

Question

我想将此按钮元素集中在视图的中心

<button ion-button icon-only id="newTrip">
<ion-icon name="md-add"></ion-icon>
</button>

是否有任何内置指令可以在不编辑SCSS文件的情况下集中它？

Answer 1

看看 FAB 组件。

http://ionicframework.com/docs/v2/components/#fabs

Answer 2

html5 中的 <center> 标记用于垂直对齐，并且仅在<ion-row>内应用。所以我认为你需要在 scss 中更改它。

看看： 如何在按钮内居中对齐离子图标？