Answers for "ionic vertical align center"

Whatever

0

ionic vertical align center

//Works with Ionic 4,5,6

//CSS
ion-grid{
    height: 100%;
}
ion-row{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

//HTML
<ion-content>

  <ion-grid class="ion-text-center">
    <ion-row>
      <ion-col size="12">
       I am the Center of the World
      </ion-col>
    </ion-row>
  </ion-grid>

</ion-content>

Posted by: Guest on January-26-2022

Code answers related to "ionic vertical align center"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Python

Javascript

Whatever

Shell/Bash

CSS

Html

PHP

SQL

Java

C#