如何在离子2中集中按钮？

Question

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

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

是否有任何内置指令可以集中它而无需在scss文件中进行编辑？

Answer 1

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

查看：How to center align ion icon inside button?

Answer 2

看看FAB组件。

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