본문 바로가기
Ionic & Angular & Firebase

[ionic, Angular] horizon, vertical, center 아이오닉 정중앙 정렬

by 오늘의개발부 2020. 1. 13.
반응형
<ion-content center text-center>

  <ion-grid style="height: 100%">
    <ion-row justify-content-center align-items-center style="height: 100%; flex-direction: column">
      <div text-center>
        <ion-icon class="center-target font-size-5-0" color="primary"></ion-icon>
      </div>
    </ion-row>
  </ion-grid>

</ion-content>

css 필요없이 이대로 복붙하면 아래와 같이 가운데 정렬된 모습을 볼 수 있다. 정말 보고 싶었다.

아름답게 가운데 정렬 된 모습

 

반응형