如何在ionic2中将按钮移动到“中心底部”

Question

如何将某些东西设置为水平居中并垂直居中？

我尝试像在Polymer ......中使用flex class="layout horizontal"

<ion-content class="layout vertical">
  <span class="flex"></span>
<button danger round class="center">Hibás</button>
</ion-content>

Answer 1

这是一个样式（CSS）而不是框架（Ionic）的问题我使用以下哪个效果很好。

<ion-content padding class="">

  <p>Some content</p>

  <div class="bottom" text-center>
    <button block>Submit</button> 
  </div>

</ion-content>

在我的样式表（app / theme / app.core.scss）中：

.bottom {
  padding: $content-padding;
  position: fixed;
  bottom:0;
  left: 0;
  right: 0;
}

Answer 2

不是Ionic2的问题，更多的CSS样式问题。

尝试与trying to align html button at the center of the my page

类似的内容