Ionic5项目垂直对齐

Question

我正在尝试对齐ion-row中出现在同一行中的所有项目。以下是我的代码和屏幕截图。该按钮太大，并按在文本字体下方。我需要按钮文本与其他文本对齐。怎么样？

我尝试了一些在网上找到的内容，但似乎没有任何作用：

<ion-grid>
  <ion-row justify-content-center align-items-center>
    <ion-col size="8" justify-content-center align-items-center>
      <b>{{spotName}}</b>&nbsp;Surfed {{numberSessions}}x
    </ion-col>
    <ion-col size="2" justify-content-center align-items-center>
      <ion-button size="small">Add</ion-button>
    </ion-col>
    <ion-col size="2" justify-content-center align-items-center>
      More
    </ion-col>
  </ion-row>
...

Answer 1

必须添加ion-row class="ion-align-items-center"