在ionic v3中将两个元素居中对齐

<ion-content>
  <ion-grid>
    <ion-row justify-content-center align-items-center>
      <ion-col>
        <!-- 第一个元素 -->
        <div class="centered-element">
          <!-- 内容 -->
        </div>
      </ion-col>
      <ion-col>
        <!-- 第二个元素 -->
        <div class="centered-element">
          <!-- 内容 -->
        </div>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

.centered-element {
  text-align: center; /* 水平居中对齐 */
  display: flex;
  justify-content: center; /* 水平居中对齐 */
  align-items: center; /* 垂直居中对齐 */
}