如何将Ionic Page上的元素移动到中心？

<ion-content>
  <ion-grid>
    <ion-row justify-content-center align-items-center>
      <ion-col size="auto">
        <!-- 在此处放置需要移动到中心的元素 -->
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

<ion-content>
  <div class="center">
    <!-- 在此处放置需要移动到中心的元素 -->
  </div>
</ion-content>

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}