将按钮文本和其他离子文本对齐离子2中的底部

Question

我的代码如下：

<ion-row><ion-col ><button ion-button outline no-padding  large (click)="setUserName()">D</button>ay in the life </ion-col></ion-row>

这看起来很丑陋，因为字母D位于中间，整体col文字略高于上面。

我想要的就是一切都是底线。

Answer 1

发生了什么？

＆＃13;

＆＃13;

.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  position: relative;
  width: 100%;
  margin: 0;
  min-height: 1px;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

＆＃13;

<ion-row class='row'>
  <ion-col class='col'><button ion-button outline no-padding large (click)="setUserName()">D</button>ay in the life </ion-col>
</ion-row>

＆＃13;

＆＃13;

＆＃13;