如何在离子中修复底部的按钮位置

时间:2018-02-11 06:49:48

标签: css user-interface ionic-framework ionic2

我希望按钮设置在底部,而不是在中心,但CSS代码并不真正有效。

<ion-content class="cards-bg social-cards">
  <ion-card>
    <ion-item>
      <textarea #myInput id="myInput" rows="1" maxLength="500" (keyup)="resize()" [(ngModel)]="myStuff" placeholder="post comment"></textarea>
      <button id="mybtn" ion-button outline item-end icon-left>
        <ion-icon name="send"></ion-icon>
      </button>
    </ion-item>
  </ion-card>

CSS

.mybtn  {
  margin-bottom: 0px;
  margin-top: auto;
  margin-left: auto;
  margin-left: 0px;
}

enter image description here

1 个答案:

答案 0 :(得分:0)

不确定你要求但是听说过fab按钮? https://ionicframework.com/docs/api/components/fab/FabButton/