css - 如何在ionic2中将按钮移动到 "center-bottom"

Question

如何设置水平居中垂直底部？

我尝试像在 Polymer 中一样将 flex 用作 class="layout horizo​​ntal"...

<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;
}